小编Ann*_*nek的帖子

CKEditor 4:无文本时禁用突出缩进图标

在 ckeditor 中,当文本区域没有文本时,突出缩进图标将被禁用。我进行了研究,但找不到任何解决方案(我知道我无法查看正确的位置:))。

我怎样才能使用这个图标?

在此输入图像描述

在 ckeditor 的网站上可以找到该图标。(http://ckeditor.com/addon/tweetabletext位于页面评论区底部)

谢谢..

indentation disabled-control ckeditor

6
推荐指数
1
解决办法
4356
查看次数

如何获得CKEditor 5的价值?

我希望能够返回CKEditor textarea的值,并在其中写入我的文本.

我用过CKEditor 5 CDN.首先这是我的textarea代码,它工作正常

<script src="https://cdn.ckeditor.com/ckeditor5/1.0.0-alpha.1/classic/ckeditor.js"></script>

<textarea class="inputStyle" id="editor" name="content" placeholder="Write your email.."></textarea>
<script>ClassicEditor.create(document.querySelector('#editor')).catch( error => { console.error( error );  } ); </script>
Run Code Online (Sandbox Code Playgroud)

我曾经在CKEditor之前从textarea获取数据:

var text = $('textarea#editor').val();
Run Code Online (Sandbox Code Playgroud)

并通过以下方式设置数据:

$('textarea#editor').html("");
Run Code Online (Sandbox Code Playgroud)

但我现在迷路了?我尝试了很多方法......正确的方法是什么?

html javascript textarea ckeditor5

6
推荐指数
2
解决办法
9039
查看次数

使用CKEditor 5的多个textareas

我尝试将CKEditor 5设置为多个<textarea>,但只有第一个工作.

这是代码:

<script src="https://cdn.ckeditor.com/ckeditor5/1.0.0-alpha.2/classic/ckeditor.js"></script>
<textarea name="content0" class="editor" id="c0">This is some sample content.</textarea>
<textarea name="content1" class="editor" id="c1">This is some sample content.</textarea>
<textarea name="content2" class="editor" id="c2">This is some sample content.</textarea>
<script>ClassicEditor.create(document.querySelector('.editor'));</script>
Run Code Online (Sandbox Code Playgroud)

这是结果: 在此输入图像描述

为什么只先来?

javascript ckeditor ckeditor5

6
推荐指数
1
解决办法
4144
查看次数

如何在CKEditor 4中设置默认字体和字体大小

我使用以下代码在 CKEditor 4 中设置默认字体和字体大小:

config.font_defaultLabel = 'Tahoma';
config.fontSize_defaultLabel = '24px';
Run Code Online (Sandbox Code Playgroud)

但上面的代码在 Mozilla Firefox 上不起作用。

ckeditor ckeditor4.x

6
推荐指数
2
解决办法
8074
查看次数

使用ckeditor仅更改一个textarea的高度

我在一页中得到 3 个 ckeditor textareas。问题是我希望其中一个文本区域的大小与其他文本区域的两倍相同。我找不到如何仅调整一个 textarea 的大小。

<script type="text/javascript">
        CKEDITOR.config.height='600px';
</script>
Run Code Online (Sandbox Code Playgroud)

工作正常,但它改变了所有的文本区域。我也试过

<script type="text/javascript">            
     CKEDITOR.replace('Resolution',{
                height  : '400px',
   });
</script>
Run Code Online (Sandbox Code Playgroud)

但这不起作用......我试图更改我的 config.js 文件,但仍然没有。如果我输入我的 config.js

CKEDITOR.editorConfig = function( config ) {

        config.width = '1000px';
        config.height = '700px'; 
};
Run Code Online (Sandbox Code Playgroud)

它不起作用。

总结一下:如何使用 ID 调整 textarea 的大小?

javascript ckeditor

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

CKEditor:PasteFromWord忽略pasteFilter

在CKEditor 4.6.2(目前捆绑在Drupal 8中)默认情况下禁用ACF,以确保某些特殊插件正常工作.所以为了记录:我不想启用ACF,也不能使用allowedContentdisallowedContent.我试图阻止一些元素从Word上注入(像h1p[styles]).

为了实现这一点,我试图将这些添加到pasteFilter非Word粘贴内容上,但是当从Word粘贴时pasteFilter似乎被忽略了?这是一个错误吗?

那么,我怎么能:

  1. 保持ACF禁用 - 支持特殊的Drupal元素
  2. 保持pastefromword启用状态 - 检测缩进和列表等特殊的Word样式.
  3. 添加额外的过滤,所有(包括从Word)pastings -要删除一些元素和属性,如h1,style="font-family: Verdana"等...

javascript ckeditor drupal-8

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

CKEditor删除<html>和<body>标签

我使用CKEditor,如果我单击Source按钮并粘贴HTML代码,如下所示:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html" />
</head>
<body>
<p>test</p>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

然后再次单击"源",然后提交表单html,head和,body标签将被删除并保留<p>test</p>!

CKEditor配置:

CKEDITOR.replace('content', {
            extraPlugins: 'font,panelbutton,colorbutton,colordialog,justify,indentblock,aparat,buyLink',
            autoGrow_onStartup: true,
            enterMode: CKEDITOR.ENTER_BR,
            FullPage : false,
            allowedContent : true,
            ProtectedTags : 'html|head|body'
        });
Run Code Online (Sandbox Code Playgroud)

你能帮助我吗?

html javascript ckeditor

3
推荐指数
1
解决办法
9116
查看次数

我可以在表单提交中使用CKEditor 5 Inline或Balloon Editor吗?

我想在表单提交时使用CKEditor 5 Inline或Balloon编辑器,但我遇到了困难.

我可以使用经典编辑器完美地提交提交,但内联编辑器阻止我在字段中输入.

这是我的代码:

<script type="text/javascript">
    InlineEditor.create( document.querySelector( '#ck' ) );
</script>
Run Code Online (Sandbox Code Playgroud)

这是HTML:

<div class="form-group">
    <label>Comment</label>
    <textarea cols="80" rows="10" name="comment" class="form-control" id="ck">foo
</div>
Run Code Online (Sandbox Code Playgroud)

在页面上,编辑器显示,但我无法在Safari(Mac)上键入它.

我认为这在CKEditor 4中是可能的,它有可能在5?

ckeditor ckeditor5

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

在 CKEditor 5 的自定义构建中导出 ClassicEditor

我正在尝试使用“场景 2”构建 CKEditor 5,如下所述:

https://docs.ckeditor.com/ckeditor5/latest/builds/guides/integration/advanced-setup.html

它几乎可以工作了。在我app.js的由 webpack 与编辑器一起编译的我可以参考ClassicEditor.create并因此创建一个新的编辑器:)

但是ClassicEditor不要被导出,所以任何不是由 Webpack 编译的外部 javascript 都不能引用ClassicEditor(我只是得到“ReferenceError: ClassicEditor is not defined”)。

那么如何ClassicEditor导出呢?

以下是我使用的文件:

app.js:
import ClassicEditorBase from '@ckeditor/ckeditor5-editor-classic/src/classiceditor';
import EssentialsPlugin from '@ckeditor/ckeditor5-essentials/src/essentials';
import UploadadapterPlugin from '@ckeditor/ckeditor5-adapter-ckfinder/src/uploadadapter';
import AutoformatPlugin from '@ckeditor/ckeditor5-autoformat/src/autoformat';
import BoldPlugin from '@ckeditor/ckeditor5-basic-styles/src/bold';
import ItalicPlugin from '@ckeditor/ckeditor5-basic-styles/src/italic';
import BlockquotePlugin from '@ckeditor/ckeditor5-block-quote/src/blockquote';
import EasyimagePlugin from '@ckeditor/ckeditor5-easy-image/src/easyimage';
import HeadingPlugin from '@ckeditor/ckeditor5-heading/src/heading';
import ImagePlugin from '@ckeditor/ckeditor5-image/src/image';
import ImagecaptionPlugin from '@ckeditor/ckeditor5-image/src/imagecaption';
import ImagestylePlugin from '@ckeditor/ckeditor5-image/src/imagestyle';
import ImagetoolbarPlugin …
Run Code Online (Sandbox Code Playgroud)

javascript build ckeditor ckeditor5

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

CKFinder拦截前/后上传过程

我正在使用CKFinder 2.6 for ASP.NET.我试图解决的问题是我需要在使用CKFinder上传文件之前/之后进行处理.有没有办法在CKFinder 订阅beforeUploadafterUpload活动?我查看了他们的文档,但找不到合适的东西.

谢谢

javascript asp.net-mvc ckfinder

0
推荐指数
1
解决办法
314
查看次数