TOGOUTECH

ckeditor

全部标签

javascript - 如何使用 RequireJS、grunt 和 uglify 在我的应用程序代码中组合 CKEditor?

这是我的“common.js”文件:requirejs.config({paths:{domReady:'../vendor/requirejs-domready/domReady',jquery:'lib/jquery',datatables:'../vendor/datatables/media/js/jquery.dataTables.min',tabletools:'../vendor/datatables/extensions/TableTools/js/dataTables.tableTools',fixedh

javascript - CKEditor - 更改图像源

我已经为CKEditor制作了一些自定义功能。简而言之,它显示了一个带有5个链接的div标签,分别为小号、中号、大号、X-大号和原始尺寸。当我点击链接时,它会将图像的SRC属性更改为正确的大小。它有效,但它不会持续返回给编辑器。这就像我通过点击事件目标获得的图像,不是源代码的一部分。在编辑器中操作元素时,如何更改源代码?我的代码是这样的:$(target).ckeditor(function(editor){$(this.document.$).bind("click",function(event){vartarget=$(event.target);if(targe

javascript - 切换 CKEditor 插件按钮的状态

根据选择切换ckeditor插件菜单按钮状态的正确方法是什么?例如,在链接/取消链接插件中,我只想在光标位于链接中时启用取消链接。editor.addCommand("unlink",{exec:function(editor){//dosomethinghere},refresh:function(editor,path){//neverseemstogetfired.Isthiseventherighthook?}});editor.ui.addButton("Unlink",{label:"Unlink",command:"

javascript - 编辑 ckeditor config.js 没有影响

我更改了我的CKeditorconfig.js文件以包含所有可能的按钮:CKEDITOR.editorConfig=function(config){config.toolbarGroups=[{name:'document',groups:['mode','document','doctools']},{name:'clipboard',groups:['clipboard','undo']},{name:'editing',groups:['fin

javascript - CKEditor 5 - 如何插入一些 HTML(也就是源模式在哪里)?

我希望能够从所见即所得切换到纯HTML,例如插入IFrameYoutube视频。到目前为止,对于标准的CKEditor5构建,没有关于如何做到这一点的文档。有没有等同于SourceEditingArea的插件但适用于CKEditor5? 最佳答案 是的,可以将html插入CKEditor5:insertHTML(html:string){//See:https://ckeditor.com/docs/ckeditor5/latest/builds/guides/faq.html#where-are-the-editorinserth

javascript - CKEditor:调用 editor#setData 后恢复插入位置

我有一个CKEditor实例,我想在其中操作内容,并将插入符号位置恢复到之后的位置。问题是,当您调用setData时,它会将插入符号重置为编辑器的开头。如果您要更改所有内容,这是可以理解的,但我只是对数据进行了微小的更改。editor.on('change',function(){vardata=editor.getData();//manipulate`data`varmanipulatedData=data;editor.setData(manipulatedData);}); 最佳答案 我为您查询找到了一个简单

javascript - 在 Ckeditor 中如何从选定文本复制/获取所有格式

我在我的Asp.netMVC3应用程序中使用CKEditorver.3.6。我的要求是在Google文档中创建Paint格式选项。我需要在ckeditor中实现Paint格式选项。在Ckeditor中如何从选定文本(源)复制/获取所有格式,例如字体、字体效果、居中段落对齐到新选定文本(目标)。请提出合适的解决方案。 最佳答案 使用此功能可将所选html的内容替换为一个字段中的文本。单击按钮时,调用此函数:functionReplace(){varsel=editor.getSelection();varele=sel.getStar

javascript - CKEditor 4 简码替换

我正在尝试制作一个短代码“插件”——类似于Wordpress与TinyMce一起使用的插件。我希望用户能够通过按钮插入短代码(如[galleryid="3"]或[imageid="9"]),然后然后显示一个占位符而不是实际的短代码。一旦我让它工作,我会把所有代码放到github上。当前设置我有一个按钮,它使用insertHtml()将html插入编辑器,如下所示://CustombuttoncodeCKEDITOR.instances['editor_instance_name'].insertHtml'<divclass="media-libra

javascript - CKEDITOR 脚本何时加载并准备好使用?

是否有更好的方法来确定何时加载CKEDITOR以及某些功能可用?我在下面包含了我们当前正在使用的代码,但它依赖于setTimeouts和计数器来经常检查CKEDITOR是否准备就绪。有时代码到达第一个if语句并且CKEDITOR可用(不为空)但事件处理尚未加载,因此CKEDITOR.on不是函数。我本质上是在寻找一种依赖于事件处理(可能是CKEDITOR在准备就绪时触发的事件?)而不是setTimeouts的解决方案。TL;DR:CKEDITOR.on还不能作为函数使用只有某些页面需要CKEDITOR,因此它会根据页面内容按需加载。版本:使用CKEDITOR4.8Main.Script

javascript - CKEditor 中的 "Code"按钮

我正在使用CKEditor(目前使用的是版本3.4.1-如果有必要我可以升级)并且我错过了使用<code>的可能性标记,从格式下拉菜单或通过工具栏上的按钮。我找不到可以实现这一点的插件。我也没有关于如何为此编写自己的插件的经验或知识。您是否知道可以帮助我启用“代码”按钮/格式(将所选文本包装到<code>标签中)的插件?如果没有,请将我引导至有关CKEditor插件开发的在线资源(某种解释基本知识的教程),我将不胜感激。如果有用,mysite使用Drupal6.19,CKEditormodule,CKEditor3.4.1.至于插件开发教程,我已经找到了this