如何在Rails的Tinymce中添加自定義菜單Opton

Question

我為Tinymce使用tinymce-rails gem，我想添加自定義菜單選項。 現在，我正在執行gem readme中建議的操作：

<%= f.input :content , :label => false ,  :placeholder => 'Content', input_html: {class: "tinymce"} %>
<%= tinymce %>

我正在使用simple-form 。

我想在編輯器中添加帶有一堆選項的下拉列表（我有一個名稱數組），當用戶單擊一個選項時，則應將所選名稱插入編輯器視圖中。 這些名稱將是動態的。

我試圖將許多選項傳遞給初始化程序tinymce但無法獲得結果。

Answer 1

您可以手動啟動tinymce並同時創建菜單項，而不是使用gem的默認啟動器：

http://www.tinymce.com/tryit/menuitem.php

像這樣：

<script type="text/javascript">
    tinymce.init({
        selector: '.my-class textarea',
        toolbar: "styleselect | bold italic | mybutton",
        setup: function(editor) {
        <% @my_items.each_with_index do |name, index| %>
            editor.addMenuItem('<%= name %>', {
                text: '<%= name %>',
                context: 'tools',
                onclick: function() {
                    editor.insertContent('<%= name %>');
                }
            <%= index == (@my_items.count - 1) ? '});' : '}),' %>
        < % end %>   
    });
</script>

我們使用三元運算符根據名稱索引選擇正確的結束標記。

從理論上講，您也可以在config / tinymce.yml文件中執行此操作，但是由於動態特性，這並不是很合理。

您可能要查看的其他內容是將菜單傳遞給activeEditor，例如：

tinyMCE.activeEditor.controlManager.get('my_menu')