如何使用TinyMCE visual_anchor_class

时间:2016-09-16 17:21:33

标签: javascript jquery tinymce-4

使用TinyMCE,我希望能够在我的编辑器中为某些锚标签添加自定义类。我找到了 visual_anchor_class ,我无法上班。我创建了一个名为.anchorBtn的类,并将contextmenu添加到我的init。

当我右键单击我的锚点(其中显示“捐赠”)时,我看到一个空白框。

enter image description here

tinymce.init({
  selector: selector,
  menubar: false,
  height: 300,
  plugins: [
            "link anchor lists code paste image contextmenu"
  ],        
  statusbar: false,
  toolbar: 'undo redo | bold italic underline | bullist numlist | buttons link image | code',                     
  content_css : "css/tinyMCE.css",
  link_list:"cgi/linkList.exe?token="+tkn,
    force_br_newlines : false,
    force_p_newlines : false,
    forced_root_block : '', 
    body_class: "mceBackColor",
    oninit : "setPlainText("+selector+")",
    visual_anchor_class: 'anchorBtn',
    contextmenu: "anchorBtn",
    paste_as_text: true,                
    file_browser_callback: function(field_name, url, type, win) {       

            var tkn=getToken();
            $("#PDFuform").attr("action", "cgi/pdfUpload.exe");
            $("#pdfToken").val(tkn);                                            
                $("#pdfField").val(field_name);
            $('#PDFuform input').click();                        

        },                  
    setup: function (editor) {
      editor.addButton('buttons', {
          type: 'menubutton',
          text: 'Custom Buttons',
          icon: false,
          menu: [
            {
                image : '../img/tourBtn.jpg',
                    title : "SCHEDULE A TOUR",
                    text: "SCHEDULE A TOUR",
                    icon: false,
                    onclick: function () {
                        editor.insertContent("<div class='bbtn bSAT'>SCHEDULE A TOUR</div>");
                    }   
                }
                  ]
      })
    }                                                                       
});         

我做错了什么?

0 个答案:

没有答案