javascript - CKEditor - 如何在特定需要的位置隐藏浏览服务器按钮?

标签 javascript jquery ckeditor

我在我的应用程序中使用 CKEditor,它反过来帮助用户创建文章之类的东西。 (我基本上使用Jquery和JavaScript) 在很多地方,比如Flash属性、图像属性和CKEditor工具的链接,都有一个叫做BrowseServer的东西。我只想在 Flash Prop 和图像 Prop 这两个地方禁用或隐藏此按钮,而严格不在其他区域禁用或隐藏此按钮。 有人可以帮助我如何实现这一目标吗? @anant 达比 引用:这就是我在 JS 中的做法。

<script type="text/javascript">
    //<![CDATA[
        var editor = CKEDITOR.instances['articleDesc'];
        if (editor) { editor.destroy(true); }
        CKEDITOR.replace( 'articleDesc',
            {
                fullPage : false,
                extraPlugins : 'docprops',
                filebrowserBrowseUrl : '/browse/BrowseServlet',
                filebrowserUploadUrl : '/upload/UploadServletForCKEditor',
                filebrowserImageBrowseUrl : '/browse/BrowseServlet',
                filebrowserImageUploadUrl : '/upload/UploadServletForCKEditor',
                filebrowserWindowWidth  : 800,
                filebrowserWindowHeight : 500
            });
        CKEDITOR.on( 'instanceReady', function() {
            var headTxt = $(".cke_dialog_title").text();
            console.log("Browe Type : "+headTxt);
            if( headTxt == "Flash Properties" || headTxt == "Image Properties") {
                $(".cke_dialog_title").parent().find(".cke_dialog_ui_button").hide();
            }
        } );

    //]]>
    </script>

最佳答案

您可以使用“removeButtons”删除按钮 这是一段js代码

<script type="text/javascript">
    //<![CDATA[
        var editor = CKEDITOR.instances['articleDesc'];
        if (editor) { editor.destroy(true); }
        CKEDITOR.replace( 'articleDesc',
            {
                fullPage : false,
                extraPlugins : 'docprops',
                filebrowserBrowseUrl : '/browse/BrowseServlet',
                filebrowserUploadUrl : '/upload/UploadServletForCKEditor',
                filebrowserImageBrowseUrl : '/browse/BrowseServlet',
                filebrowserImageUploadUrl : '/upload/UploadServletForCKEditor',
                filebrowserWindowWidth  : 800,
                filebrowserWindowHeight : 500
            });
        CKEDITOR.on( 'instanceReady', function() {
            var headTxt = $(".cke_dialog_title").text();
            console.log("Browe Type : "+headTxt);
            if( headTxt == "Flash Properties" || headTxt == "Image Properties") {
                $(".cke_dialog_title").parent().find(".cke_dialog_ui_button").hide();
            }
        } );
//here u remove button code
 CKEDITOR.config.removeButtons = 'BrowseServer';
    //]]>
    </script>

关于javascript - CKEditor - 如何在特定需要的位置隐藏浏览服务器按钮?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22551623/

相关文章:

javascript - 将自定义元素添加到 TinyMCE 的首选方式

Jquery .children() -- 父类有唯一类,子类有非唯一类,选择子类

javascript - jQuery 创建新数组并将旧数组加倍

javascript - CKEditor 4 - 以编程方式添加内容模板

javascript - JavaScript 中静态变量的工作

javascript - Nodejs : async. everySeries 过早调用最终回调

javascript - 使用 typeahead 和 bloodhound 显示点击建议的完整列表

图片上传,完成后不再请求

codeigniter - CKEditor 在 Codeigniter 中发布问题,标签被修剪

javascript - php、mysql 和 ajax : dynamically display default data, 选择现有的,或添加新的