tinymce vue 部分工具不显示_工具栏图标未在tinymce(4.0.1)文本编辑器中显示

在将tinymce从3.4.2升级到4.0.1后,发现在服务器上部署时,虽然工具栏加载正常,但其图标显示异常。初步怀疑是跨域或URL引用问题。通过检查代码发现,初始化配置中,自定义按钮的图片路径可能因跨域而无法正确加载。解决方案可能涉及到调整tinymce的配置,以允许跨域请求或使用相对路径加载图片。
摘要由CSDN通过智能技术生成

我正在将tinyMCE从3.4.2升级到4.0.1.一切都在当地完美.但是,当我在服务器上发布所有内容时,问工具栏加载正常,但图标显示不正确.注意:我有针对app和CDN的单独项目.我猜这是一个跨域/网址引用问题,但无法弄清楚.目前工具栏正在加载,如-

screencast所示!

tinyMCE.init({

// General options

theme: "modern",

editor_selector: "mceDesignerEditorAutoresize",

relative_urls: false,

convert_urls: false,

toolbar1: "cut copy paste | bold italic | undo redo | bullist numlist | outdent indent blockquote | link unlink image code | inserttime preview | forecolor backcolor | imgCustom attachCustom",

toolbar_items_size: 'small',

plugins: [

"autoresize advlist autolink lists link image charmap print preview hr anchor pagebreak",

"searchreplace wordcount visualblocks visualchars code fullscreen",

"insertdatetime nonbreaking save table contextmenu directionality",

"emoticons template paste textcolor"

],

accessibility_warnings: false,

accessibility_focus: false,

setup: function (ed) {

ed.addButton('imgCustom', {

title: 'Image',

image: $("#jsTinyMCEImageUrl").val().toString(),

onclick: function () {

openModalPopup($("#jsTinyMCEImagePath").val(), "width=700,height=600");

}

});

ed.addButton('attachCustom', {

title: 'Attachment',

image: $("#jsTinyMCEAttachUrl").val().toString(),

onclick: function () {

try {

openModalPopup($("#jsTinyMCEAttachPath").val(), "width=400,height=200");

}

catch (e) {

}

}

});

},

language: $('#TinyMCECurrentLanguage').val(),

paste_auto_cleanup_on_paste: true

});

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值