[TinyMCE] 关于 TinyMCE 显示 Html 卷标错误的问题
你好,我的网页有崁入 TinyMCE 这个 HTML 富文本编辑器。
TinyMCE 版本是 2,1
我有一个 HTML 档案的原始码如下
我如果从 javascript 程序中从 Server 中读取档案再用 TinyMCE显示,
就无法显示有关字体的颜色与大小。
但是我如果先在 TinyMCE 中按下 "Html" 的按键,也就是用 html 原始码编辑;
然后把这一段 HTML 的原始码贴上去,就一切正常。
我的 TinyMCE 在 javascript 中的初始化程序代码如下:
关于从服务器端取回 html 的 javascript 程序代码 如下
在 上面这一段程序代码中的 success 返回处里函式中, window.alert(rs.d) 都还是和原始来源的 html 一样,有包含字体颜色和大小的 html 标签。
但是再透过 tinyMCE.activeEditor.setContent(rs.d) 这一行程序代码之后,在 TinyMCE 显示出来的就自动把字体的大小和颜色都去除了。
但是奇怪的是,还是有包含粗体字的 <strong> 标签。
我把 TinyMCE 显示的 html 码贴在下面,你会发现 TinyMCE 自动把 <span style=""> 这样的标签去除了。
更怪的是还自动的在整段的 html 码签后自动加上 " 的双引号。
有人知道该如何解决这个问题,让带有 css 属性的卷标恢复正常显示吗?
感谢帮忙。
TinyMCE 版本是 2,1
我有一个 HTML 档案的原始码如下
<p><span style="color: #ff0000;"><strong><span style="font-size: xx-large;">Hello</span></strong></span> <span style="color: #ff6600;"><em><span style="font-size: x-large;">TinyMCE</span></em></span> <span style="text-decoration: underline; color: #3366ff;"><span style="font-size: large;">Test</span></span> 01</p>
我如果从 javascript 程序中从 Server 中读取档案再用 TinyMCE显示,
就无法显示有关字体的颜色与大小。
但是我如果先在 TinyMCE 中按下 "Html" 的按键,也就是用 html 原始码编辑;
然后把这一段 HTML 的原始码贴上去,就一切正常。
我的 TinyMCE 在 javascript 中的初始化程序代码如下:
tinyMCE.init({
language: "zh-tw",
theme: "advanced",
*/
mode: "textareas",
skins: "o2k7",
elements: "txtContent",
element_format: "html",
schema: "html4",
valid_elements: "*- ",
// Location of TinyMCE script
script_url: '/Resource/Package/TinyMCE/3x/jscripts/tiny_mce/tiny_mce.js',
// General options
theme: "advanced",
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,advlist",
// 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_buttons4: "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak",
theme_advanced_toolbar_location: "top",
theme_advanced_toolbar_align: "left",
theme_advanced_statusbar_location: "bottom",
theme_advanced_resizing: true,
template_external_list_url: "/Resource/Package/TinyMCE/3x/jscripts/tiny_mce/plugins/lists/template_list.js",
external_link_list_url: "/Resource/Package/TinyMCE/3x/jscripts/tiny_mce/plugins/lists/link_list.js",
external_image_list_url: "/Resource/Package/TinyMCE/3x/jscripts/tiny_mce/plugins/lists/image_list.js",
media_external_list_url: "/Resource/Package/TinyMCE/3x/jscripts/tiny_mce/plugins/lists/media_list.js"
});
关于从服务器端取回 html 的 javascript 程序代码 如下
$.ajax({
type: "POST",
url: "http://網頁的網址",
data: "",
contentType: "application/json",
dataType: "text",
beforeSend: function (XHR) {
},
complete: function (XHR, TS) {
},
success: function (data) {
var rs = JSON.parse(data);
window.alert(rs.d);
tinyMCE.activeEditor.setContent(rs.d);
window.alert("Success Ajax");
},
error: function (data) {
alert("error :" + data);
}
});
在 上面这一段程序代码中的 success 返回处里函式中, window.alert(rs.d) 都还是和原始来源的 html 一样,有包含字体颜色和大小的 html 标签。
但是再透过 tinyMCE.activeEditor.setContent(rs.d) 这一行程序代码之后,在 TinyMCE 显示出来的就自动把字体的大小和颜色都去除了。
但是奇怪的是,还是有包含粗体字的 <strong> 标签。
我把 TinyMCE 显示的 html 码贴在下面,你会发现 TinyMCE 自动把 <span style=""> 这样的标签去除了。
<p>"</p>
<p><span ff0000=""><strong><span xx-large="">Hello</span></strong></span> <span ff6600=""><em><span x-large="">Justin</span></em></span> <span underline="" color:="" 3366ff=""><span large="">Test</span></span> 01</p>
<p>"</p>
更怪的是还自动的在整段的 html 码签后自动加上 " 的双引号。
有人知道该如何解决这个问题,让带有 css 属性的卷标恢复正常显示吗?
感谢帮忙。
...全文
相关推荐
tinyMCE插件开发之插入html,php,sql,js代码 并代码高亮显示
前几天,觉得blog的插入代码不够好用。于是,将sina的html编辑器更换为了tinyMCE。并且开发了一个简单的插入代码的功能。。。
tinymce 汉化语言包
tinymce2 的汉化语言包,来自官方
improvedcode:TinyMCE插件,用于改善HTML编辑器中的用户体验,添加代码突出显示,缩进代码,行号等
改进代码 TinyMCE插件,用于改善HTML编辑器(版本3. *和4. *)中的用户体验,添加代码突出显示,缩进代码,行号等。 插件界面支持以下语言: 英语 西班牙语 罗马尼亚语 俄语
tinymce powerpaste插件,支持最新版的tinymce5.10.3,亲测可用
支持从word粘贴到tinymce中,保留原有样式,解压后放到plugins目录
tinymce附件上传插件
NULL 博文链接:https://kwj.iteye.com/blog/1019559


