TinyMCE displaying html tags after saving and reloading data

Question

I have a problem with TinyMCE.

After saving the contents of the editor and displaying it again, all HTML tags will be visible.

This is how I initialize the editor:

tinyMCE.init({ setup: function (ed) { ed.onSaveContent.add(function (ed, o) { o.content = o.content.replace(/&#39/g, '&apos'); }); }, // General options mode: 'specific_textareas', theme: 'advanced', encoding: 'xml', entity_encoding: 'raw', height: '500', width: '100%', plugins: 'autolink,lists,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,wordcount,advlist,autosave', editor_selector: 'rich-text-area', editor_deselector: 'text-area', // Theme options theme_advanced_buttons1: 'save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect', theme_advanced_buttons2: 'cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor', theme_advanced_buttons3: 'tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen', theme_advanced_toolbar_location: 'top', theme_advanced_toolbar_align: 'left', theme_advanced_statusbar_location: 'bottom', theme_advanced_resizing: false, // Example content CSS (should be your site CSS) content_css: 'css/content.css', // Drop lists for link/image/media/template dialogs template_external_list_url: 'lists/template_list.js', external_link_list_url: 'lists/link_list.js', external_image_list_url: 'lists/image_list.js', media_external_list_url: 'lists/media_list.js', // Style formats style_formats: [ { title: 'Bold text', inline: 'b' }, { title: 'Red text', inline: 'span', styles: { color: '#ff0000'} }, { title: 'Red header', block: 'h1', styles: { color: '#ff0000'} }, { title: 'Example 1', inline: 'span', classes: 'example1' }, { title: 'Example 2', inline: 'span', classes: 'example2' }, { title: 'Table styles' }, { title: 'Table row 1', selector: 'tr', classes: 'tablerow1' } ] }); 

Data after it is re-displayed:

Data stored in the database:

 <p>Testing</p> 

Answer 1

See http://www.tinymce.com/wiki.php/Configuration:encoding

It looks like you need to comment on encoding: 'xml' in your configuration.

Answer 2

Add this under init :

 tinyMCE.init( { forced_root_block: false, // Start tinyMCE without any paragraph tag } ) 

Answer 3

you can remove the Html tags with @ Html.Raw ()

 <p>we are Arrivaler web and Mobile development</p> 

index view

 @Html.Raw(var.description) 

result:

 we are Arrivaler web and Mobile development 

Answer 4

There is an option by which we receive raw data from the database, which are stored as html tags. html.raw is used for this purpose

In asp.net @ html.raw (object) is a solution to this problem