Question

我使用Orchard cms。我已经安装了tinymce 4模块。我上传了一张照片，我的照片显示在编辑器中，但是当我刷新网站时，图像的路径发生了变化，我看不到照片。图片网址已更改为 ../../../../../媒体/默认/ PIC / 7-23-2016-10-10-03-PM-300x200.jpg

Answer 1

由于默认的TinyMCE模块具有所有微型插件，默认情况下它会加载其中的一些，然后最好的方法是扩展它并添加更多插件。

要执行此操作，您必须替换模块中的默认orchard-tinymce.js文件，并在ResourceManifest中注册，以告知Orchard加载您的脚本而不是默认脚本：

<强> ResourceManifest.cs：

public class ResourceManifest : IResourceManifestProvider {
    public void BuildManifests(ResourceManifestBuilder builder) {
        var manifest = builder.Add();
        manifest.DefineScript("OrchardTinyMce").SetUrl("orchard-tinymce.js").SetDependencies("TinyMce");
    }
}

orchard-tinymce.js：（您可以从\ Modules \ TinyMce \ Scripts \ orchard-tinymce.js复制）

var mediaPlugins = "";

if (mediaPickerEnabled) {
    mediaPlugins += " mediapicker";
}

if (mediaLibraryEnabled) {
    mediaPlugins += " medialibrary";
}

tinyMCE.init({
    selector: "textarea.tinymce",
    theme: "modern",
    schema: "html5",
    // Here you can add your plugins
    plugins: [
        "advlist autolink lists link image charmap print preview hr anchor pagebreak",
        "searchreplace wordcount visualblocks visualchars code fullscreen",
        "insertdatetime media nonbreaking table contextmenu directionality",
        "emoticons template paste textcolor colorpicker textpattern",
        "fullscreen autoresize" + mediaPlugins
    ],
    // Here you can customize your toolbar
    toolbar: "undo redo cut copy paste | bold italic | bullist numlist outdent indent formatselect | alignleft aligncenter alignright alignjustify ltr rtl | " + mediaPlugins + " link unlink charmap | code fullscreen",
    convert_urls: false,
    valid_elements: "*[*]",
    // Shouldn't be needed due to the valid_elements setting, but TinyMCE would strip script.src without it.
    extended_valid_elements: "script[type|defer|src|language]",
    //menubar: false,
    //statusbar: false,
    skin: "orchardlightgray",
    language: language,
    auto_focus: autofocus,
    directionality: directionality,
    setup: function (editor) {
        $(document).bind("localization.ui.directionalitychanged", function(event, directionality) {
            editor.getBody().dir = directionality;
        });
    }
});

您可以根据需要自定义TinyMCE初始化配置。

在果园cms的Tinymce 4无法上传图片

1 个答案: