标签: ckeditor

CKeditor:缺少图像属性的"上传"选项卡

我试图在自定义CMS中使用CKEditor 3.6.2.到目前为止,我已按照说明下载了打包ZIP,将其解压缩并上传到我的根路径中.问题是除了图像属性上的"上传"选项卡外,一切正常.我尝试在image.js文件中更改Upload:hidden true为false,但仍然没有改变.甚至在包含的样本的CKEditor实例上也会发生这种情况.所以我想这是我想念的东西.

有谁知道?!:)

upload tabs image ckeditor

5
推荐指数
2
解决办法
1万
查看次数

在ajax内容中加载ckeditor

我正在使用CKEditor将我的textareas改成wysiwyg.一切正常,除非我通过Ajax调用加载内容.然后我的CKEditor没有加载.

我已经找到了解决方案,但找不到任何对我有用的解决方案.

我的Ajax调用基本上是这样的:

$.ajax({
    type: "POST",
    url: url,
      success: function(data) {
            $('#content').html(data);
            $('.ckeditor').ckeditor();
      }
});
Run Code Online (Sandbox Code Playgroud)

正如您所见,我试图使用函数ckeditor()以编程方式加载CKEditor.但这给了我以下错误:

FireFox说:

$(".ckeditor").ckeditor不是函数

IE说:

对象不支持属性或方法'ckeditor'

当通过Ajax调用加载内容时,是否还有其他方法可以通过类名加载CKEditor?

jquery ckeditor

5
推荐指数
2
解决办法
1万
查看次数

有没有办法将html / css选项传递给rails_admin输入?

我正在使用rails_admin,我想在一些输入中向我的admin部分添加一些自定义样式。有没有办法指定其他类别?

就像是:

  configure :title, :string do
    css_class 'my-class'
    input_html {:class => 'my-class', :toolbar => 'my-toolbar'}
  end
Run Code Online (Sandbox Code Playgroud)

我似乎找不到完整的可用选项列表。我知道我可以指定hiddenvisibleckeditor true,和一个或两个其他的东西。

我正在使用一些其他的自定义JS和CSS,但是我需要能够指定一些CSS类,以使所有内容都按我想要的方式工作。

具体来说,我使用的是CKEditor,并且希望使用多个工具栏,一个简单而一个高级。我已经可以很好地配置CKEditor,但是我找不到让Rails_admin使用备用工具栏的方法。

ckeditor ruby-on-rails-3 rails-admin

5
推荐指数
1
解决办法
1278
查看次数

在CKEditor调色板中仅显示几个所需的颜色

CKEditor窗口中的默认调色板如下所示:

一只忙碌的猫

是否可以只选择几种颜色(我只需要三种颜色)而不是全部显示?我检查了config.js,但似乎无法从那里设置颜色限制.这可能吗?

php colors ckeditor

5
推荐指数
1
解决办法
844
查看次数

如何调整CKEditor的大小以适应它的父div

我有一个CKeditor,它被放置在父div中.在div调整大小时,让CKEditor完全适合div并调整大小的最佳方法是什么?如果可能的话,我宁愿选择不涉及jQuery的解决方案.如果这不可能使用jQuery的解决方案就可以了.

javascript jquery ckeditor

5
推荐指数
1
解决办法
6356
查看次数

ckeditor插件对话框选择从所选的一个获取描述

我正在为CKEDITOR开发一个占位符插件,它基本上是完整的.我遇到的问题是我试图从对话框中的选择中获取值和描述,而我只是获得了值.包含描述和值的数组如下所示

- > items: [['description1', 'value1'], ['description2', 'value2']] < -

返回 - > contents - >元素ID dropdown我有setupcommit函数.在这些函数中,我需要获取描述就像从select选项中获取名称一样.

真的需要帮助这个,谢谢你提前

例子 - >

<select>
    <option value="value1">description1</option>
    <option value="value2">description2</option>
</select>
Run Code Online (Sandbox Code Playgroud)

示例< -

(function () {

    function placeholderDialog(editor, isEdit) {

        var lang = editor.lang.phlink,
            generalLabel = editor.lang.common.generalTab;

        return {
            title: lang.title,
            minWidth: 300,
            minHeight: 80,
            contents: [
                {
                    id: 'info',
                    label: generalLabel,
                    title: generalLabel,
                    elements: [
                    {
                        id: 'dropdown'
                        , …
Run Code Online (Sandbox Code Playgroud)

javascript ckeditor

5
推荐指数
1
解决办法
3078
查看次数

如何配置CKEditor-4内联编辑器?

我有标准安装(如样品):

<meta charset="utf-8"></meta>
<script src="../ckeditor.js"></script>
Run Code Online (Sandbox Code Playgroud)

HTML内容包含许多<div contenteditable="true">块.我需要通过本地或外部configTypeX.js文件配置每个编辑器,

  <script>
   CKEDITOR.on( 'instanceCreated', function( event ) {
     var editor = event.editor, element = editor.element;
         if ( element.is( 'h1', 'h2', 'h3' ) ) {
        editor.on( 'configLoaded', function() {
            editor.config.toolbar = [
                [ 'Source', '-', 'Bold', 'Italic' ]
            ];  // BUG: about "Source"?? NOT AT INTERFACE!
        }); 
         } else {
            // WHERE PUT THIS ITEM?
    customConfig: 'configType2.js';
         }
   });
  </script>
Run Code Online (Sandbox Code Playgroud)

所以,我的问题是

  1. customConfig在这种情况下如何做?
  2. 哪里有"最完整的文档",关于配置菜单(editor.config.toolbar)没有在线配置工具,在哪里我可以理解如何使用正确的名称放置和删除菜单? 这里没有关于如何在完整安装中修复"Source"的错误.

我做,

git clone …
Run Code Online (Sandbox Code Playgroud)

ckeditor

5
推荐指数
1
解决办法
1万
查看次数

CKEditor> IE> contentEditable区域内可调整大小的帧,如何禁用它?

请参照附件 :)

如何禁用其中的可调整大小的帧

实际上,不仅ck-editor,所有WYSIWYG编辑都引起了这个问题,如何禁用它?用可调整大小的框架包裹......

wysiwyg internet-explorer ckeditor

5
推荐指数
1
解决办法
617
查看次数

CKEditor自定义属性不起作用并出错

我对CKEdtior很新,刚刚在我正在研究的这个网站上安装它,版本是4.4.4

编辑器本身加载到页面中,但是语言或uiColor等自定义属性不起作用,无论是否有属性,我都会收到错误:

Uncaught TypeError: Cannot read property 'getEditor' of undefined
Run Code Online (Sandbox Code Playgroud)

我知道我做错了,因为它适用于样本.如果有帮助,代码就是Smarty模板的一部分.我尝试使用没有下划线的ID,当然还要检查不同的浏览器 - 错误出现在IE,FF和Chrome中.

代码的相关部分:

<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
<script type="text/javascript">
    {literal}
    CKEDITOR.replace( 'show_description',
    {
        language: 'he'
    });
    {/literal}
</script>
Run Code Online (Sandbox Code Playgroud)
<textarea name="show_description" id="show_description" class="ckeditor"></textarea>
Run Code Online (Sandbox Code Playgroud)

javascript ckeditor

5
推荐指数
1
解决办法
2万
查看次数

在CKEditor中获取选择的样式值

我正在使用CKEditor的编辑功能,但是使用我自己的ui控件调用CKEditor的api来执行其命令.例如,

var style = new CKEDITOR.style({
    element: 'span',
    attributes: {
        'style': 'font-size: 20px'
    }
});

editor.applyStyle(style);
Run Code Online (Sandbox Code Playgroud)

设置所选文本的字体大小.

问题是我需要一种方法来了解当前所选文本的状态,以便我可以相应地更新控件.它大胆吗?然后粗体按钮应处于激活状态,单击它应删除粗体,而不是尝试再次添加.

有没有办法查询CKEditor当前所选文本的某些样式属性?就像tinymce.activeEditor.queryCommandValue('bold')在tinyMCE中如何工作一样.

javascript ckeditor

5
推荐指数
1
解决办法
1213
查看次数