Question

我正在与Piranha CMS＆amp ;;建立一个网络应用程序。我试图改变TinyMCE编辑器以允许为图像添加类。我已经看过相关的TinyMCE配置文档

http://www.tinymce.com/wiki.php/Configuration:image_class_list

然而，即使更新了相关的tinymce.init

https://github.com/PiranhaCMS/Piranha/blob/013ed850636a299c71f860f9ae769572e768af26/Core/Piranha/Areas/Manager/Views/Shared/Partial/TinyMCE.cshtml

是

<script type="text/javascript" src="~/res.ashx/areas/manager/content/js/ext/tiny_mce/tinymce.min.js"></script>
<script type="text/javascript">
    tinymce.init({
        mode: 'specific_textareas',
        editor_selector: "editor",
        convert_urls: false,
        plugins: [
            "autoresize autolink code hr paste piranhaimage link"
        ],
        image_class_list: [
            {title: 'None', value: ''},
            {title: 'img-left', value: 'img-left'},
            {title: 'img-border', value: 'img-border'},
            {title: 'img-responsive', value: 'img-responsive'}
        ],
        width: "100%",
        height: "340",
        autoresize_min_height: 340,
        @if (File.Exists(Server.MapPath("~/areas/manager/content/css/editor.css"))) {
        <text>content_css: "@Url.Content("~/areas/manager/content/css/editor.css")",</text>
        }
        toolbar: "bold italic underline | bullist numlist hr | formatselect removeformat | cut copy paste | link piranhaimage | code"
    });
</script>

我发现没有效果（我肯定会清除浏览器缓存）。我注意到Piranha CMS中的TinyMCE使用的插件是piranhaimage，而不是像TinyMCE docs那样简单image。如果这是原因，那么如何配置piranhaimage呢？

Answer 1

piranhaimage的插件代码可以在这里找到：

https://github.com/PiranhaCMS/Piranha/blob/master/Core/Piranha/Areas/Manager/Content/Js/Ext/tiny_mce/plugins/piranhaimage/plugin.min.js

不幸的是，当前版本不支持覆盖资产，只支持管理器界面中的视图，但是为核心插件添加支持以进行对齐可能是一个不错的功能。

在本地项目中尝试的一种方法是下载TinyMCE并将其放在本地项目中，然后将piranhaimage插件复制到本地TinyMCE目录。之后，您可以更改已经覆盖的TinyMCE.cshtml中的以下行：

<script type="text/javascript" 
  src="~/res.ashx/areas/manager/content/js/ext/tiny_mce/tinymce.min.js">  
</script>

而是让它指向您的本地网址！然后你可以把它改成你想要的东西！

此致

Piranha CMS TinyMCE为图像添加了类

1 个答案: