javascript - TinyMCE 标准表情符号不显示在前端

Question

我正在将 tinyMCE 集成到 CI\AngularJS 应用程序中。标准表情符号插件会在我的文本中添加类似这样的内容:

 <img src="bower_components/tinymce/plugins/emoticons/img/smiley-frown.gif" alt="frown">

添加到图像的路径在创建内容时从服务器端到达时是正确的，但从前端接近以在那里查看创建的内容时是不正确的。为了让图像显示在我的前端，我可以将 url 更改为:

 <img src="admin_client/app/bower_components/tinymce/plugins/emoticons/img/smiley-frown.gif" alt="frown">

但是在服务器端创建内容时我将看不到它。

另一个可行但似乎根本不正确的解决方案是简单地将文件夹“bower_components/tinymce/plugins/emoticons/img/”添加到我的项目根目录...

Answer 1

尝试设置

relative_urls: false

在你的 tinyMCE.init() 函数中:

tinyMCE.init({
    [...]
    relative_urls: false
});

这基本上告诉 TinyMCE 对图像、表情符号等使用绝对路径，而不是相对路径。我有一个类似的问题，这样做解决了它。