如何在键入CKEDITOR时自动增大可编辑区域

我希望CKEditor中的可编辑区域能够随着用户输入更多数据而流动,而不是显示滚动条和重新调整大小。谁能帮我做这个吗 谢谢你的帮助, Prabhakar。使用自动增长插件:在iframe的主体中添加一个“溢出:h”样式,您将不会再看到滚动条出现了。谢谢。我错过了这个,真傻。“自动增长”似乎不太管用。当它增长时,我看到一个滚动条出现了一会儿,然后消失了。

Ckeditor CKFinder connector.php错误500

我有一个用CodeIgniter构建的网站,在管理方面,它使用CKEditor和CKFinder为新闻部分写文章 CKFinder图像上传程序工作正常,但两天前我不得不将文件移动到另一台服务器上。在那之前,我在尝试上传图像时遇到了500个错误 行为: 我打开上传图像模式窗口。我浏览并选择一个图像,当我点击发送到服务器按钮时,我得到一条404错误消息(CodeIgniter的自定义404页面)。在firebug中,它显示有一个500内部服务器错误 文件路径是plugins/ckfinder/cor

Ckeditor 站点有背景图像-无法将其从编辑器中删除

我正在从FCK编辑器移动到CK编辑器3.6.3,该站点有一个背景图像,显示在CK编辑器中。我需要删除这一点,同时对常规站点和CK编辑器使用相同的CSS文件(在样式下拉列表中使用CSS) 我尝试将config.BodyClass设置为没有图像的样式-这在FCK2.x上有效,但在CK3上无效。我还通过google找到了一个config.extraCss设置,但我在文档中没有看到它,而且它似乎没有任何作用 全页关闭(即编辑器未生成等标记)) 我有两个CSS文件,一个用于站点,另一个用于具有不同主体样式

Ckeditor 哪一个更好?

在我的项目中,我遇到了一个选择fkeditor或ckeditor的问题,即哪一个更好。我怎样才能得到关于在php中定制任何一个编辑器的教程呢。 你能说出一些我可以得到帮助的网站吗?谢谢。CKEditor以前被称为FCKEditor(创建者不知道FCKEditor听起来不太……专业)-所以你需要CKEditor 有丰富的信息-请查看和。另外,当您下载了CKEditor文件后,您会在CKEditor/_samples/php中找到一些示例代码,这些代码应该会有所帮助。CKEditor以前被称为FCK

CKEditor不';如果输入类型为';文件';形式上

我正在尝试使用CKeditor插件作为HTML文本编辑器。但问题是,如果我有一个input type=“file”,那么当我提交ckeditor插件时,它不会发布我在里面写的文本。但是如果我从表单中删除input type=“file”,那么它就可以正常工作 我需要在我的表格中有这两个。你能告诉我如何让这两项工作都做好吗 谢谢 <script language="JavaScript" src="<?php echo base_url();?>support_admin/plu

Ckeditor 样式表解析器和格式组合

我正在使用ckeditor,并使用样式表解析器从相当长的样式表加载样式。它可以工作,但我无法让它以我希望的方式在视觉上工作:样式下拉列表将每个样式的定义应用于样式名称的显示;我希望这些是纯文本。具体来说,某些样式具有较大的顶部或底部边距,这会在下拉内容中留下巨大的空白 我克隆了stylesheetparser plugin.js源代码,并尝试修改代码,将解析后的样式推送到样式列表中。我可以成功更改名称,但不能更改名称在列表中的显示方式。如果我在这段代码中更改class属性(如下所示),它将更改实

Ckeditor 如何防止编辑器将空格替换为&;nbsp;?

我面临一个问题,我需要一个没有任何html实体的输出,所以我添加了config.entities=false在我的配置中,但当 插入一个内联标记:前面的空格替换为 粘贴文本:每个空格都替换为,即使是config.forcePasteAsPlainText=true 你可以通过键入 测试 例如 你知道我怎样才能防止这种行为吗 谢谢 这些实体: // Base HTML entities. var htmlbase = 'nbsp,gt,lt,amp'; 这是个例外。要去除它们,可以设置基本分

CKEditor:粗体、斜体、下划线只能应用于Chrome上已写入的文本

我正在为我的grails应用程序(Grails1.3.7)使用ckeditor 0.4v插件 在Chrome和Safari浏览器中,粗体、斜体和下划线按钮仅适用于已写入的文本(仅适用于选定文本),而不适用于您将要写入的文本 它在FireFox和IE上运行良好。我可以点击粗体按钮,键入粗体文本,也可以选择已经写入的文本,点击粗体将使其变为粗体 此问题已在最新版本中解决,但由于我无法升级ckeditor plugin的版本,我希望为ckeditor 0.4v提供此问题的修补程序 你也可以看到@ 唯一

ckeditor的格式绘制按钮

我有一个安装了CKeditor的站点。我需要一个格式画家按钮(如在微软Word)。这个编辑器有任何实现(或类似)吗 谢谢大家!

Ckeditor';链接对话框不完整?

在Domino9.0.1上运行的Xpage中,我使用了一个富文本控件,该控件带有一些自定义工具栏配置,使用控件的“attr”属性,如下所述: 我使用添加了链接工具栏模板 <xp:this.attrs> <xp:attr name="toolbar"> <xp:this.value><![CDATA[[["Link", "Unlink", "Anchor"]]]]></xp:this.value> <

从桌面拖动图像并在ckeditor中转换为base64,该编辑器不适用于chrome

我们可以直接在ckeditor中将图像从桌面拖动到base64 演示 但它似乎不适用于Chrome,只适用于firefox 在chrome中有没有什么方法可以做同样的事情 非常感谢。CKEditor使用ImagePaste插件,它只适用于Firefox 您可以尝试使用doksoft_image_嵌入插件。请参见此处的演示: 不幸的是,这个插件是商业许可证 或者您可以尝试使用Base64映像: Base64图像将替换ImagePaste,按钮将图像作为Base64上传到CKEditor:

使用CKEDITOR.dom.node.remove()时出错&x2B;使用CKEDITOR时向下投射';s小部件API

我在插件plugin.js的第2509行得到一个未捕获类型错误:无法读取null的属性'attributes' 我们之前没有错误,但后来将我们的插件转换为一个小部件,并且出现了向下转换的问题,这会阻止我们的CMS(Drupal+WYSIWYG插件)保存更新的内容 我们创建了一个上下文菜单项“delete”,它使用CKEDITOR.dom.node.remove(),当我们这样做时,它会在向下广播时抛出错误。使用剪贴板插件的键盘“剪切”命令不会在向下播放时抛出错误 从编辑器中销毁、删除或删除小部件

Ckeditor 在编辑器中定义黑盒区域

我有以下要求-自定义小部件包含动态创建但不可编辑的所见即所得内容(从编辑器外部加载),并且一些小部件还可以包含用户应可编辑的输入字段 有没有办法告诉CKEditor它不应该触碰特定的元素(区域)而让它们保持原样,或者这种功能是在不久的将来计划好的,或者有没有关于如何自己实现它的提示?或者是否有其他方法来实现这些要求 我到目前为止所做的尝试: 小部件初始化后,我手动创建动态内容,并使用本机domapi将其附加到小部件元素。然而,CKEditor仍然装饰着我的元素,并阻止我在点击输入字段时聚焦它们(

在检索数据时,CKeditor似乎没有呈现正确的文本颜色?

几个月前我曾问过这个问题,但不幸的是,它并没有解决我的问题,所以我再次询问,并提供了更多信息 我正在使用CKeditor 4.4.5 我已经试用了CKeditor的在线演示。工作原理是,在CKeditor中进行编辑时会呈现颜色,但是,当检索到包含有色span元素的内容时(正如正确的做法),颜色不会在CKeditor中呈现。此外,标签似乎根本没有被剥离。看起来CKeditor并没有呈现如下内容: <textarea class="RTE" cols="20" disabled="True"

CKEditor皮肤的动态更新

是否有一种方法可以动态更改编辑器的外观(CKEditor 4.1(修订版80c139aa)) 我能做到这一点的唯一方法是从config.js(这意味着我的皮肤工作正常) 打开jDialog时将加载编辑器。在对话框打开时,我想运行一个命令,该命令将根据用户偏好更改皮肤 我试过了,但没有成功: CKEDITOR.config.skin = '/moono-dark'; 还包括: CKEDITOR.editorConfig = function( config ) { config.skin =

未显示文件中的CKEditor自定义样式

我似乎无法将自己的CSS文件添加到CKEditor中。我正在下载一个自定义版本4.5.8,其中包括。“样式”列表有默认样式,但不是我的css文件中的样式 这是代码: CKEDITOR.config.contentsCss = '../../../css/test.css'; CKEDITOR.replace('editor1'); 编辑器已成功加载,但“样式”列表不包含我的样式。我的css文件的位置似乎是正确的,当我尝试其他路径时,我会得到一个错误 这是我的test.css: .testSt

Ckeditor 在CK编辑器中使用类名设置插件工具栏图标

如何使用类名(而不是使用图像URL)设置插件和/或小部件工具栏按钮图标?我发现了一个漏洞,用于解决这个看似明显缺失的功能: editor.ui.addButton('MyButton', { //className: '...' // this only adds the classes to the parent container, not the icon span icon: '_ fa fa-scissors _' // this hacks the existing

在更改事件上比较CKEDITOR中的内容是否会影响性能?

从 如果重要的是不要太频繁地触发更改事件,那么应该在事件侦听器中比较上一个编辑器内容和当前编辑器内容。不建议在每次更改事件中都这样做 我不明白上面的。。。可能有打字错误吗 这是不是在试图说,每次更改事件中的调用都可能导致性能不佳 使用间隔计时器是限制checkDirty调用次数的好方法 例如,除非上次调用至少经过1秒,否则不要调用checkDirty 我使用的用例是根据与上次保存状态不同的编辑器内容启用或禁用保存按钮。我通过始终启用保存按钮和: 1) 每次用户按下保存按钮时,我都会提醒他内容已保

如何为TYPO3中的每个网站添加自定义CKEditor YAML文件?

所有文档都说,要使用不同的预设,您需要自定义扩展名。 如果我可以在每个根页面上的TS配置中直接设置YAML路径,那么会更加方便用户 有没有办法在TS配置页面而不是扩展页面中设置自定义YAML的路径 我想要的是: TS每个页面的配置更改: RTE.default.presetpath = 'fileadmin/templates/my_site/rte.yaml' $GLOBALS['TYPO3_CONF_VARS']['RTE']['Presets']['default'] = RTE.def

CKEditor 4-如何将H2、H3等添加到工具栏

查看这些文档: 因此,添加样式集应该是这样的,但我无法使H2或H3项显示在我的工具栏中: CKEDITOR.stylesSet.add( 'my_styles', [ // Block-level styles { name: 'Blue Title', element: 'h2', styles: { 'color': 'Blue' } }, { name: 'Red Title' , element: 'h3', styles: { 'color': 'Red' }

Ckeditor 如何在没有编辑器的情况下显示编辑器内容?

所以我在一个CI项目中使用ckeditor。我已经成功地实现了它,从基本功能到图像、代码片段和数学公式,并将其内容保存到数据库中。 现在的问题是,我想准确地显示内容,它显示在没有编辑器的ckeditor中 如果有可能使用ckeditor,请让我知道一些参考资料。或任何其他与jquery CI兼容的类似编辑器来完成此工作

哪个插件允许在CKEditor 5中添加按钮外观的链接?

不幸的是,像“CKEditor链接按钮”或“CKEditor按钮外观链接”这样的搜索请求没有实际结果。但我不认为这是不可能的,因为这是客户的基本需求,添加链接如下橙色按钮由CKEditor 您可以使用一个。这将是传递给ClassicEditor.create的配置对象的一部分 link: { decorators: { buttonLink: { mode: 'manual', label: 'Style as button

带有CKFinder自定义配置文件的CKeditor

我知道可以为CKFinder加载自定义配置文件 CKFinder.config.customConfig = baseUrl + '/js/ckfinder_config.js'; 但是,当我在CKEditor中加载CKFinder时,我不知道如何加载CKFinder的自定义配置。我只有这些选择: CKEDITOR.editorConfig = function( config ) { config.filebrowserBrowseUrl = baseUrl ; config.fil

Ckeditor Can';t在为图像添加自定义插件后插入img标记

我已经编写了自己的自定义插件,用于在CKEDITOR中插入图像。我禁用工具栏中的图像按钮。我使用editor.insertHtml()函数插入自定义插件中的图像。当我从工具集中删除标准图像按钮时,它将禁用在CKEDITOR框中插入图像标记。除标记外,所有其他html标记均被接受 这是我的配置(在config.toolbar中没有“Image”): 是否有办法启用图像标签插入 更新:将以下命令添加到配置文件中: 你读过如何将插件与集成吗?您需要定义插件添加允许img标记及其属性的按钮/命令。您还可

Ckeditor 如何在编辑器中添加预览按钮

我有一组文本区域,它们的行为就像一个编辑器。 但我想在工具栏中包含预览图标 下面是我的javascript函数 $('textarea').each(function() { $(this).ckeditor(); }); 有人能帮我吗?。确保您的CKEditor副本包含它(您没有说明您使用的是哪个CKEditor),并更新您的副本以使其加载 这也是

CKEditor 4:图像属性对话框和自定义预览图像

为了让您了解最新情况,我设置了我的CKEditor实例,以便在查看所见即所得(live)模式时,将图像的实际URL替换为所见即所得(live)模式[image:abc123] 例如,在HTML源代码视图中,您可以看到: <img src="[image:abc123]" /> 提前谢谢 <img src="/file/image/abc123" /> CKEDITOR.on('dialogDefinition', function(evt) { if (evt

在源代码模式下启动ckeditor,使其不会';t格式文本

有没有一种简单的方法可以在源代码模式下初始化ckeditor,这样它就不会格式化内容 当我保存某些代码时,我将其保存在源代码模式下,这非常有效,但为了防止它编辑我的代码,我需要跟踪它是否保存在源代码模式下,并在源代码模式下加载它,以便更容易编辑信息。我找到了答案。谢天谢地,这真的很简单 <script type="text/javascript"> CKEDITOR.replace( 'editor1' ).config.startupMode = 'source'; </

Juniper VPN中不可见CKeditor TextArea

将CKeditor升级到4.5.3 CKeditor文本区域在Juniper VPN中不可见 (它在网络内部工作) 当我比较两个html源代码时,发现编辑器控件没有被创建 当我们通过SSL VPN(juniper)访问站点时 VPN访问中的源视图中没有以下代码 上周我一直在努力解决这个问题 感谢您的帮助 谢谢 湿婆

如何使用ckeditor'实时验证用户内容;什么是可访问性检查器?

我对使用ckeditor及其API是新手。我想找到一种方法,在用户键入时通过可访问性检查器验证用户的内容。 文档中提供的信息没有明确说明如何执行此操作 我在想怎么做 <script> var instance = CKEDITOR.replace('editorck'); instance.on('focus', function(event) { var editor = CKEDITOR.instances['editorck']

CKEditor从combopanel(下拉列表)中删除所有样式和标记

我为CKEditor使用自定义CSS样式表,并希望禁用下拉列表中所有样式和格式标记的预览,例如,仅在div中显示名称。现在,请编辑或使用类创建相应的标记以设置预览样式。(如屏幕截图所示): 如果下拉列表中有一个h2标记,它将在h2标记中的块元素下显示它。它使下拉列表继承h2标记的整个站点样式 我可以通过为特定的下拉列表添加规则来实现这一点,但我想知道是否有一个内置配置可以以更通用的方式阻止这种情况。也许要强迫它总是使用简单的span或div。只有一个经典的下拉列表,没有组,没有添加样式 谢谢你

Laravel livewire和ckeditor

我试图将ckeditro与laravellivewire集成,但每次我将内容输入编辑器时,livewire都会从我的文本区域删除编辑器 <div class="form-group" wire:ignore> <label class="required" for="description">Page Description</label> <textarea class=&qu

DJANGO-CMS PlaholderFields CKEDITOR文本\u HTML\u清理

我已经在我的CMS之外实现了一个新的标记,它工作得很好,但是从MS Word复制的文本保留了所有我想要去除的脏标记(如)。当我在一个普通的CKEditor字段中复制相同的文本时,它的工作原理与source(settings.Text\u HTML\u SANITIZE using html5lib)中的解释相同 是否有一个参数可以添加到settings.CMS\u PLACEHOLDER\u CONF以使其工作?或者有什么想法来实施它 您可能会问“为什么不直接将HTMLField与djangoc

如何将自定义文件浏览器/上载程序与CKEditor集成?

官方文档不太清楚-将自定义文件浏览器/上传器与CKEditor集成的正确方法是什么?(v3-非FCKEditor)在实例化CKEditor时,首先注册自定义浏览器/上载程序。您可以为图像浏览器和常规文件浏览器指定不同的URL <script type="text/javascript"> CKEDITOR.replace('content', { filebrowserBrowseUrl : '/browser/browse/type/all', filebrowse

Ckeditor 编辑程序中的行号

乍一看,我需要做一件简单的事情——在编辑器中添加一个带有行号的条。主要思想是,作者可以在讨论文本时参考特定段落 我曾试图找到一个插件,试图找到另一个所见即所得编辑器行号,但没有成功 有人知道CKEditor或其他已经有行号的解决方案吗? 或者我唯一能做的就是从头开始写 谢谢 我从头开始实现它。如果可能的话,我会改进它。现在存在一些问题和限制 链接到。您也可以使用Codemirror插件获取行号,其中还包括搜索和替换。这一点都不简单。CKEditor中的内容是这样的,因此每行都有不同的位置。段落的

使用Ckeditor insertHtml函数后合并html

我正在考虑编写一个函数,将插入的Html与周围的标记合并。 问题是我使用了ExtractContents(true)方法。这将从文档中分割所选内容。并使其再次有效 但是现在我修改了html。。我想把它放回去。。但是我从标题中选择的2个字母将显示在第一个h1的下面。在一个新的H1。这两个H1需要有相同的属性和类来合并 但还是想不出一个脚本能做到这一点。。有什么想法或者有人已经有了?一些有用的功能吗 例如: <h1>1234</h1><h1>56</h1&g

使用ckeditor的高度问题

我正在使用ckeditor,我已通过以下代码正确设置文本区域大小: CKEDITOR.replace( 'editor1', { width: 468, height: 132 } ); 我还使用代码禁用了正确调整大小的功能: config.resize\u enabled=false 我的问题是textarea的高度仍然允许输入文本,textarea垂直扩展。我希望文本区域设置为某

javascript中带有lazyloader的ckeditor

嗨,我正在使用下面的编辑器脚本,yap其工作良好的延迟加载函数,仅用于初始加载的数据,这意味着我将数据限制为仅15行,然后滚动重命名数据,但编辑器不工作 正确地说,我也在使用ck编辑器插件 div#notesdiv textarea(name='notes',id='notes_#{studentdata.id}') | &#x9;&#x9;&#x9; script(type='text/javascript').

Ckeditor 如何使用<;br>;而不是<;br/>;在编辑中

2017年是HTML5的时代!在HTML5中,换行符是,而不是。但就其一生而言,我不能让CKeditor放弃而支持 不正确的给我带来了各种各样的问题。其中: 代码验证失败 (在Firefox中)在使用创建的代码块上使用JavaScript的innerHTML,会返回,这会弄乱对更改的比较 我发现了这个关于这个问题的旧论坛条目(在相关程序中,而不是在CKeditor本身中): 但是建议的修复(更改配置文件中的config.docType)不起作用 我在顶级config.js和core/co

CKEDITOR添加一个简单的按钮应该不会这么困难

我有一个用于内联编辑器元素的简单菜单。我只需要一个按钮来做一些js工作 将id添加到可编辑区域: CKEDITOR.plugins.add('Copyall', { init: function(editor) { editor.addCommand('copy_all', { exec : function(editor){ alert('Yay!'); } }); editor.ui.addButton('Cop

Ckeditor 我需要一个编辑来操作智能手机

我知道CKEDITOR不适用于智能手机。有人提供了一个需要编辑ckeditor.js的解决方案。他说要找的声明不在我的ckeditor.js副本中,所以我被卡住了 此外,ckeditor.js无法轻松编辑,因为它被串成了一行。有没有办法1)获得一份可编辑的ckeditor副本,2)我必须做什么才能在智能手机上使用它 提前感谢,, PaulCKEditor 4与移动环境兼容-请参阅。如果您使用的是像CKEditor 3这样的老式版本(比大多数移动环境都早),请升级到最新的CKEditor 4 ck

Ckeditor 在TestLink 1.9.16上配置完整工具栏后,BG颜色菜单似乎不会出现

CKeditor版本4.6 浏览器:Firefox.54 操作系统:Linux 3.13.0-36-generic 我试图在testlink工具中配置cfkeditor,并提供如下配置,以获得完整的工具栏。但是,我似乎无法获得BGColor菜单选项 台阶 1.配置cfg/tl\u ckeditor\u config.js,如下所示 2.在config.ini.php中调用菜单名Full,如下[2] 注意:如何获取BGColor菜单按钮 cfg/tl\u ckeditor\u config.js

如何使CKEditor成为只读但仍然是可格式化的?

我计划创建一个web应用程序,在该应用程序中,用户将能够对文章应用格式和注释(制作书面和可视注释),并仅将这些内容保存到他们的帐户中。我唯一的问题是用户无法编辑文本,只能格式化文本。我想使用CKEditor,因为它是一个功能强大的富文本编辑器,但一旦它变成只读,它就不再是可格式化的。有没有办法绕过它?我在这里能提供的最佳解决方案实际上是一种使编辑器文档的正文元素不可编辑的方法: var editor = CKEDITOR.replace( 'editor1', { language: '

Typo3 8.7.x/CKEditor:如何覆盖下拉列表中标题的标签?

我想覆盖下拉列表中标题的标签。我尝试了以下yaml配置,但不起作用: editor: config: format_h2: { name: "test", element: "h1"} 我自己找到了一个解决方案,希望它能帮助其他人: 您可以从format_标记中删除标准标题,并添加自定义标题,如headline1;标题2 editor: config: format_tags: 'p;headline1;headline2;headline3' format_h

将上传到Ckeditor的图像转换为base64?

我已经安装了ng2 ckeditor。我想知道如何将添加到编辑器中的图像转换为base64并附加到图像标记中 添加的目的是帮助进行转换,但是否有其他方法仅将图像转换为base64 <img alt="" src="data:image/jpeg;base64,/9j/4QZJgABAgEYAgA/7gA.......9g+3iXJ//Z" /> 我想将base64添加到上面显示的标记上我建议使用相对路径而不是base64字符串。当无法使用相对路径时,可以将图像转换为描述为ba

CKeditor 4插件:启用/禁用隐藏控件的内置验证

我有一个定制的CKEditor4插件,可以为电子邮件(包括VML)创建格式化按钮。在UI中,有一个单选按钮可以在创建“发送电子邮件”按钮和“超链接”按钮之间切换。单选按钮显示/隐藏对话框中的相关字段 我已经为各种必填字段(notEmpty)定义了验证,并且根据选择的单选按钮选项,禁用隐藏字段的验证 // this is part of the onClick handler in the radio button definition onClick: function () { if

  1    2   3   4   5   6  ... 下一页 最后一页 共 12 页