我在我的网站上使用CKEditor,我想将图像 - >属性 - >预览中的文本更改为英文.
我想更改此文字:
Lorem ipsum dolor坐在amet,consectetuer adipiscing elit.Maecenas feugiat consequat diam.Maecenas metus.Vivamus diam purus,cursus a,commodo non,facilisis vise,nulla.Aenean dictum lacinia tortor.Nunc iaculis,nibh non iaculis aliquam,orci felis euismod neque,sed ornare massa mauris sed velit.Nulla pretium mi et risus.Fusce mi pede,tempor id,cursus ac,ullamcorper nec,enim.Sed tortor.Curabitur molestie.Duis velit augue,condimentum at,ultrices a,luctus ut,orci.Donec pellentesque egestas eros.整数诅咒,在cursus faucibus,eros pede bibendum sem,tempus tellus justo quis ligula中增加.Etiam eget tortor.Vestibulum rutrum,est ut placerat elementum,lectus nisl aliquam velit,tempor aliquam eros nunc nonummy metus.在eros metus,gravida a,gravida sed,lobortis id,turpis.Ut …
如何在ckeditor5中收听"输入"事件？我希望能够Observables像这样使用:
Observable.fromEvent(this.editor, "input").debounceTime(250).subscribe(() => {});
到目前为止,我已经能够听到这样的一些事件:
Observable.fromEvent(this.editor.editing.view, 'selectionChangeDone').subscribe(() => { });
但是,我没有找到在编辑器中更改数据后立即触发的事件的名称.我试过"改变"但它只在编辑器获得或失去焦点时触发.
我看到一些所见即所得的编辑器用于execCommand将 DOM 插入 div，例如：execCommand("insertorderedlist").
我试图写一个演示，但它无法运行。代码很简单：
document.execCommand("insertorderedlist");
但是当我单击“运行 JS”按钮时，它不会插入任何内容。我想念什么吗？
这是一个现场演示：http : //jsbin.com/olalaf/1/edit
我有一个插件用于<cut />在文本中插入标签.它工作正常,结果可以预期,但在编辑器窗口<cut />转换<cut></cut>,包装下面的段落并阻碍进一步编辑.
GIF - http://gyazo.com/dd7c36ba7cb7bc7cb00186cfb83e5fbc
任何想法如何解决它？
CKEDITOR.plugins.add('pagecut', {
lang: 'de,en,ru',
onLoad: function(){
var css = ('display:block;clear:both;width:100%;border-top:#999 1px dotted;padding:0;height:1px;cursor:default;');
var cssBefore = (
'content:"";' +
'background: url(' + CKEDITOR.getUrl( this.path + 'images/image.png' ) + ') no-repeat right center;' +
'height:14px;width:25px;position:relative;display:block;top:-8px;float:right;'
);
CKEDITOR.addCss( 'cut{' + css + '} cut:before{' + cssBefore + '}' );
},
init: function(editor) {
CKEDITOR.dtd['cut'] = {};
CKEDITOR.dtd.$empty['cut'] = 1;
CKEDITOR.dtd.$nonEditable['cut'] = 1;
CKEDITOR.dtd.$object['cut'] = 1;
editor.addCommand('insertPagecut', {
exec: function(editor) { …我知道对于CKEditor 4,你可以得到这样的textarea数据:
var content = CKEDITOR.instances['comment'].getData();
如何为CKEditor 5完成这项工作？
我正在使用 CKEditor 5 来帮助我的客户发布他们的文章。但编辑器生成的内容是纯 HTML 片段。如何设计内容样式？页面中的内容样式是否可能<div/>与 ckeditor5 中的样式相同？
我知道我可以为内容编写 CSS，这是最好的方法吗？
我正在尝试将宽度与页面宽度相关的图像向左对齐。有几个不幸的限制我无法改变：
结构如下所示：
<p>Lipsum...</p>
<div class="align-left">
<img src="http://lorempixel.com/1000/1000/" class="width50" alt="lipsum" width="1000" height="1000">
</div>
<p>Lipsum...</p>
CSS：
.align-left {
float: left;
background: red;
padding: 10px;
}
.width50 {
width: 50%;
height: auto;
}
见：http : //jsfiddle.net/xnt27crz/2/
问题：是否可以以div.align-left不占用 100% 宽度的方式设置样式？它的宽度应该等于图像的宽度 + 它自己的填充。
更多事实：
在 CKEditor 4.5 beta 中，filetools 插件在使用跨域上传 url 时无法设置 cookie，为了使 CORS 启用 cookie，我们需要在启动 XHR 上传时设置XHR.withCredentials = true。
如何在 CKEditor 4.5 的 filetools 插件中设置 XHR 属性。
我使用CKEditor 4.5.1拖放图像上传.非常好的功能!在服务器端,我正在调整大图像的大小.我的JSON响应返回调整大小的图像URL(在响应中由'url'设置),这是在成功上载文件后在CKEditor窗口中显示的图像.但插入的img标签的高度和宽度属性设置为原始图像的值,而不是我调整大小的图像.有没有办法返回新的高度和宽度值？或者有没有人知道如何破解这个？
更一般地说,是否有任何资源描述了JSON响应中的所有可能值？我看到它提到某个地方尚未记录,但希望有人可能知道并花时间分享.
我正在尝试弄清楚如何验证编辑器中的内容，例如，确保内容长度至少为 200 个字符。通常，使用常规文本区域，我可以检索该值并从那里验证它。据我了解，这件事并不那么容易。