草庐IT

ckeditor5

全部标签

javascript - 如何为不同高度的多个实例设置CKEditor?

我希望有多个基于相同配置设置但高度不同的CKEditor实例。我尝试使用默认高度设置config,设置第一个实例,然后覆盖高度并设置第二个实例:varconfig={.....height:'400'};$('#editor1').ckeditor(config);config.height='100';$('#editor2').ckeditor(config);...但是我得到了两个高度均为100px的CKEditor实例。我也试过这个:CKEDITOR.replace('editor2',{height:'100'});..我收到实例已存在的错误消息。我四处搜索了一下,发现有类似

javascript - 如何通过requirejs加载ckeditor

我在尝试通过requirejs加载ckeditor时遇到问题(我尝试将主要的ckeditorjs文件转换为单独的模块,但这只会导致一切崩溃)所以我现在正在检查是否有这是我错过的一种非常简单的方法。我知道requirejs允许你加载普通的js脚本,所以也许只是加载ckeditor.js文件(未编辑,所以它仍然是一个IIFE/自执行函数)——它是否可以与requirejs一起工作,或者如果你正在使用requirejs用于加载模块,那么整个项目是否需要基于模块?感谢任何帮助。亲切的问候,标记 最佳答案 或者,您可以创建一个RequireJ

javascript - CKEditor 如何以允许 React 识别的方式与 React.js 一起使用?

我已经尝试使用componentWillMount和componentDidMount从React上下文中初始化CKEditor,但无论我尝试什么组合,它似乎都不起作用。除了切换编辑器之外,还有人找到解决方案吗? 最佳答案 我在Npm上发布了一个包,用于将CKEditor与React结合使用。只需1行代码即可集成到您的项目中。Github链接-https://github.com/codeslayer1/react-ckeditor.如何使用?使用npminstallreact-ckeditor-component--save安装包

javascript - 在 IE 上使用 CKEditor 插件获取选定的文本

我已经为CKEditor做了一个插件,但是它依赖于当前选择的文本。在FF和Chrome中我可以使用:varselectedText=editor.getSelection().getNative();但这在IE中不起作用,我只能得到[objectObject]有什么建议吗? 最佳答案 这是我用的:varmySelection=editor.getSelection();if(CKEDITOR.env.ie){mySelection.unlock(true);selectedText=mySelection.getNative().c

javascript - ckeditor 内联保存/提交

我不知道如何从CKEditor实例中获取编辑后的数据并将其发布到url。我正在看这个:http://nightly.ckeditor.com/3995/samples/inlineall.html而且我不知道如何保存更改。我可以将新编辑的数据与正在编辑的元素的ID一起发布到PHP吗?与此类似:editor.on('configLoaded',function(){//dosomestuff});我希望我能做这样的事情:editor.on('clickAway',function(e){id=e.id();//dosomeajaxstuff});但我似乎无法在任何地方找到任何东西。有没有

javascript - 从 CKeditor 获取非 html 文本

在我的应用程序中,在插入新闻部分,我使用新闻内容的子字符串作为新闻摘要。为了从用户那里获取新闻内容文本,我使用CKEditor,对于新闻摘要,我使用子字符串方法来获取一定长度的新闻内容。但是当我使用CKEditor时,我得到的文本带有html标签而不是纯文本,当我使用substring方法,我的新闻摘要变得一团糟!我如何从此控件获取原始文本?ireadthis但我不能使用getText()方法 最佳答案 尝试这样的代码:CKEDITOR.instances.editor1.document.getBody().getText();它

javascript - 修改 CKEditor 链接对话框以将自定义属性添加到链接

我在网站上使用CKEditor,我需要能够在通过编辑器创建的一些链接上放置特殊的数据属性。用户将通过选中链接对话框中的复选框来表明他们需要链接上的特殊属性。我设法使用以下代码向链接对话框添加了一个复选框:CKEDITOR.on('dialogDefinition',function(ev){if(ev.data.name=="link"){varinfo=dialog.getContents("info");info.elements.push({type:"vbox",id:"urlOptions",children:[{type:"hbox",children:[{id:"butt

javascript - CKEditor 中断 <div>

CKEditor工作得很好。有一点我想改进的小事我们有使用CKEditor的消息系统。原始(旧)文本位于带有垂直蓝线的a中。看截图:我想打破.到现在还没找到破解的办法。在我的例子中,RETURN键应该打破. 最佳答案 您可以使用以下模式配置回车键:ENTER_P–新段落已创建;ENTER_BR–用分隔行元素;ENTER_DIV–新block已创建。所以在你的情况下,打破一个div:CKEDITOR.replace('textarea_id',{enterMode:CKEDITOR.ENTER_DIV});这是ENTER_BR的文档

javascript - 使用 Angular JS 中的 CKEditor 内容更新文本区域值

我正在使用最新的CKEditor(标准版)并基于此question,我已经实现了这样的AngularDirective(指令),varcmsPlus=angular.module('cmsPlus',[]);cmsPlus.directive('ckEditor',function(){return{require:'?ngModel',link:function(scope,elm,attr,ngModel){varck=CKEDITOR.replace(elm[0]);if(!ngModel)return;ck.on('pasteState',function(){scope.$a

javascript - 在 CKEditor 中添加 <p> 时删除不需要的换行符

在CKEditor中加载包含一组段落的内容时,它会替换我的带有 的标签这意味着编辑器将此转换为:paragraph1paragraph2paragraph3变成这样的结果:paragraph1paragraph2paragraph3如何修复它,以便CKEditor在看到段落标签时不添加额外的换行符? 最佳答案 在其他地方(我很抱歉我没有记下我从哪里得到它。),我找到了解决所有block级标签问题的代码。对于我的项目,额外的换行是一个问题,因为输出为XML并作为CDATA导入其他应用程序。所以,在我的ckeditor_conf