javascript - 根据用户选择的 Tinymce 加载按钮

Question

我们使用 Tinymce 进行转录/注释。每个按钮都是一种“事物”。但是我们有很多东西，所以不希望所有的东西都加载。

相反，我们希望微型 mce 编辑器默认隐藏所有按钮，但包含您正在转录的所有类型文档的下拉列表除外。然后用户可以选择文档类型，然后就会出现按钮。

Tinymce 可以吗？有没有其他人这样做过？

这必须在 tinymce 编辑器中完成，因为我们将编辑器加载为 float 窗口。

Answer 1

关键是保持设置不变，并根据您的情况修改用户选择的选项。

我稍微修改了@Pete 的代码，效果很好。

代码如下:

    <script type="text/javascript">

    var settings = {
        selector: "textarea",
        plugins: [
            "advlist autolink lists link image charmap print preview anchor",
            "searchreplace visualblocks code fullscreen",
            "insertdatetime media table contextmenu paste"
        ],
        toolbar: []
    };

    function loadTinyMce(type) {
        if (type !== null) {
            switch (type) {
                case "a":
                    settings.toolbar = "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image";
                    break;
                case "b":
                    settings.toolbar = "insertfile undo redo | styleselect | bold italic";
                    break;
                case "c":
                    settings.toolbar = "bullist numlist outdent indent | link image";
                    break;
            }

            tinymce.remove();

            //Run setup function with a custom set of toolbars  
            tinymce.init(settings);
        }



    }

</script>

<select onchange="loadTinyMce(this.value);">
<option value="">Choose</option>
<option value="a">Example A</option>
<option value="b">Example B</option>
<option value="c">Example C</option>
</select>

<Br><Br>
<textarea name="content" id="content"></textarea>