我对TinyMCE有点疑问.
保存编辑器的内容并重新显示后,所有HTML标记都可见.
这就是我正在初始化编辑器的方式:
tinyMCE.init({
setup: function (ed) {
ed.onSaveContent.add(function (ed,o) {
o.content = o.content.replace(/'/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,pastetext,pasteword,search,replace,bullist,numlist,outdent,indent,blockquote,undo,redo,link,unlink,anchor,image,cleanup,help,code,insertdate,inserttime,forecolor,backcolor',theme_advanced_buttons3: 'tablecontrols,hr,removeformat,visualaid,sub,sup,charmap,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',{ title: 'Example 1',classes: 'example1' },{ title: 'Example 2',classes: 'example2' },{ title: 'Table styles' },{ title: 'Table row 1',selector: 'tr',classes: 'tablerow1' }
]
});
重新显示后的数据:
数据存储在数据库中:
<p>Testing</p>