单击ckeditor按钮时插入数据
是指在使用ckeditor富文本编辑器时，当用户单击特定按钮时，可以将数据插入到编辑器的当前光标位置。
ckeditor是一款功能强大的富文本编辑器，它提供了丰富的编辑功能，包括文本格式化、插入图片、插入表格、插入链接等。当用户需要在编辑器中插入数据时，可以通过单击特定按钮来实现。
插入数据的具体操作可以通过以下步骤完成：
- 在页面中引入ckeditor编辑器的相关资源文件，包括CSS和JavaScript文件。
- 创建一个textarea元素，并给它一个唯一的ID，用于初始化ckeditor编辑器。
- 使用JavaScript代码初始化ckeditor编辑器，并指定相关配置选项。在配置选项中，可以定义需要显示的工具栏按钮，包括插入数据的按钮。
- 当用户单击插入数据的按钮时，可以通过监听按钮的点击事件，在事件处理函数中获取需要插入的数据。
- 使用ckeditor提供的API方法，将数据插入到编辑器的当前光标位置。
以下是一个示例代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CKEditor Insert Data Example</title>
<script src="ckeditor/ckeditor.js"></script>
</head>
<body>
<textarea id="editor"></textarea>
<script>
// 初始化ckeditor编辑器
CKEDITOR.replace('editor', {
toolbar: [
{ name: 'insert', items: ['Image', 'Table', 'Link', 'Button'] },
// 其他工具栏按钮...
]
});
// 监听插入数据按钮的点击事件
CKEDITOR.instances.editor.on('instanceReady', function() {
var insertButton = CKEDITOR.instances.editor.toolbar.get('insert').items[3];
insertButton.on('click', function() {
// 获取需要插入的数据
var data = '要插入的数据';
// 将数据插入到编辑器的当前光标位置
CKEDITOR.instances.editor.insertHtml(data);
});
});
</script>
</body>
</html>在上述示例代码中，我们创建了一个包含一个textarea元素的页面，并引入了ckeditor编辑器的资源文件。通过配置选项，我们定义了一个包含插入数据按钮的工具栏。当用户单击插入数据按钮时，通过监听按钮的点击事件，获取需要插入的数据，并使用insertHtml方法将数据插入到编辑器的当前光标位置。
推荐的腾讯云相关产品：腾讯云对象存储（COS）
腾讯云对象存储（COS）是一种高可用、高可靠、强安全的云存储服务，适用于存储和处理任意类型的文件，包括文档、图片、音视频等。它提供了简单易用的API接口和丰富的功能，可以满足各种存储需求。
产品介绍链接地址：腾讯云对象存储（COS）
相关·内容
因为今天早上我试着让这个工作，但失败了。CKEditor完美地显示在文本区中，但是当我尝试在第一次鼠标单击保存按钮时保存内容时，它没有将内容插入到数据库中。当我在相同的内容上再次触发第二次单击保存按钮时，它确实会插入到数据库中。
Textarea
<textarea class="txtPageContent" name="pageContent" id="pageContent"></textarea>
包含JavaScript
<script type="text/javascript" src=
浏览 0提问于2013-06-16得票数 0
1回答
我已经添加了一个自定义插件，当我单击我的InsertDate按钮时，它会将当前日期插入到ckeditor中的光标位置，该按钮不是ckeditor工具栏按钮的一部分。现在的问题是我的页面中有多个ckeditor，所以现在我在第二个ckeditor中输入了一些东西，我只想插入当前时间，所以我点击了insertDate按钮，但它是在第一个ckeditor中插入文本，它不是expected.is，有任何方法来处理这种情况。我想知道最近关注的ckeditor，这样我就可以使用id识别特定的ckeditor并插入文本。 尝试使用focusmanager.hasfocus方法，但只要我单击insertDa
浏览 97提问于2019-03-23得票数 0
我正在使用MVC3 CKeditor，当我单击submit按钮时，我需要在CKeditor中插入一些额外的数据。我该怎么做呢？到目前为止，我的代码如下:这是我的html页面
<div id="div-child-Cat-Desc-Long" class="CKEditor-child-DIV">
@Html.TextAreaFor(m => m.Message, new { Class = "input-xlarge", @id = "txtAreasocial&#
浏览 1提问于2012-12-24得票数 0
3回答
我在我的7项目中使用了CKEditor 5。我跟踪了正式文档，并在编辑器内容使用'ChangeEvent'.更改时检索了数据。现在，只要单击“保存”按钮，我就想检索数据。
我在CKEditor的工具栏中没有保存按钮，如何添加它？
当我单击“保存”按钮时，如何检索数据？
我希望在表单中使用CKEditor，以便在单击submit按钮时检索数据。如何做到这一点？
以下是html代码：
<ckeditor [editor]="Editor" (change)="onChange($event)" >
</cke
浏览 0提问于2018-12-06得票数 4
回答已采纳
我想向插入在CKEditor中的表中添加一个类。
我尝试使用样式下拉列表添加自定义样式，并添加这一行table.my-custom-class|Table，但是当单击表时，样式下拉列表没有激活，我无法添加类。
这有可能与样式下拉吗？
我确实使用了ckeditor_tabletoolstoolbar模块，所以我可以在工具栏上添加一个自定义按钮，但是我也不知道怎么做？
我看过这线程，但它是针对CKEditor 3的，我使用的是CKEditor 4。
我希望能够切换类，所以当再次单击该按钮时，它将被移除。
我该如何解决这个问题？
浏览 0提问于2019-09-15得票数 1
回答已采纳
下面是正在发生的事情：
我正在建立一个应用程序(使用PHP，jQuery等)，其中的一部分，让用户编辑网页的各个部分(页眉，页脚，主要内容，边栏)使用CKEditor。
它的设置使得每个可编辑位在右上角都有一个"Edit Content“按钮，单击该按钮时，将在jQuery-UI对话框中启动一个CKEditor实例。在用户完成编辑后，他们可以单击“更新更改”按钮，该按钮将编辑的内容传递回主页并关闭对话框/ can编辑器。
除了一件事之外，一切都运行得很好。如果有人使用CKEditor的Insert HTML插件或者通过转到CKEditor中的“源”并将代码放在源代码中来插入任何封装在“
浏览 1提问于2010-05-14得票数 0
我的页面上有一个按钮，当我点击这个按钮时，我会调用：
editor.insertElement(link);
当我这样做时，它将正确地插入编辑器中的HTML，但是当我做任何更改(例如:单击“显示源代码”按钮)时，我插入的HTML代码将丢失。是否有命令将我的代码持久化到CKEDITOR？
浏览 3提问于2014-09-10得票数 0
回答已采纳
1回答
CKEditor文档描述了当用户单击“插入图像”按钮时出现的“文件浏览器(Uploader)”。
但是我没有看到当用户单击“插入超链接”按钮时出现的对话框文档。这个对话框还有“浏览服务器”按钮，显示文件浏览器。但是我的站点上有我的服务器页面列表。我可以在这里配置我的自定义列表，而不是浏览文件？
浏览 0提问于2012-07-15得票数 2
1回答
我想知道如何通过它的URL插入一个图片(一个用户从其他网站获得它)。我需要实现一个简单的img src=“ in CKEditor 5”，问题是在默认情况下，编辑器要求我上传一个图像，而我需要插入一个外部url。
我读过许多相关的主题(，，)，但没有发现类似于我的问题。我甚至不需要这个特殊的按钮，也许我可以在@Html.Raw(Model.Text)中输入img src="myurl" (直接在编辑器中输入它还没有对我起作用)，然后在应用CKEditor textarea存储在数据库中的整个文本时，让它被看作是一个html代码。
这就是我在将数据从编辑器插入到网页后得到的。我认
浏览 1提问于2018-08-01得票数 6
回答已采纳
1回答
我试图在CKEditor中添加自定义按钮。我正在使用这个CKEditor 。它很好用。但我想加个按钮。单击此按钮将添加一个rails模板标记。
示例：
我可以像下面的例子一样添加按钮，但是我不知道如何编写它的方法。这将在当前文本在<%= sender_name %>中的位置上插入CKEditor标记。
<ckeditor
[(ngModel)]="ckeditorContent">
<ckbutton [name]="'saveButton'"
[command]="'save
浏览 2提问于2017-04-09得票数 1
回答已采纳
我正在使用CKEditor插入标记引文(脚注)。我编写了一个CKEditor插件，允许用户单击CKEditor实例中的一个按钮，输入新的引用或选择一个现有的引用。标记是使用jQuery构建的：
// see http://www.w3.org/TR/html5/common-idioms.html#footnotes
var $cite = $("<sup>").append($("<a>").attr("href", "#").attr("data-citationid",
浏览 0提问于2012-12-30得票数 1
回答已采纳
1回答
我在php中使用CKEditor，我想要做的是将数据从CKEditor存储到MySQL表。当我试图存储数据时，它在本地主机上工作得很好，但问题是当我把它放到网上时。
我是从图像工具在CKEditor中插入路径，路径类似于www.xxx.com/my文件夹/abc.jpg，这在CKEditor中显示了图像，但是当单击submit时，当我试图打印该变量时，它会给出\"\"。
浏览 1提问于2015-07-14得票数 0
回答已采纳
我使用CKEditor在“所见即所得”模式下插入一些内容。我在编辑器中输入了Hello, world!，插入到数据库中的实际上下文是<p>Hello, world!</p>。
现在我从数据库加载数据并将其设置到CKEditor中：
String content = loadFromDb();
// --> <p>Hello, world!</p>
CKEditor.instances['test'].setData(content);
但在CKEditor中，它显示：
<p>Hello, world!</p
浏览 0提问于2012-01-03得票数 0
1回答
我无法在Selenium中记录CKeditor操作。我在我的测试用例中添加了以下命令，但我的问题是，在我的页面上，我有一个按钮来保存/发送一些数据(也来自ckeditor )，当Selenium单击Save按钮时，ckeditor中的书面数据就消失了。
focus | class=cke_show_borders
typeKeys | class=cke_show_borders | testing content
runScript | CKEDITOR.instances["editor1"].setData('testContent');
有什么帮
浏览 0提问于2013-06-19得票数 4
我使用的是web2py和ckeditor.I，我想用SQLFORM将丰富的文本输入数据库。所以我选择ckeditor作为字段小部件。我已经安装了证书注册程序，这是我的db.py：
from plugin_ckeditor import CKEditor
ckeditor = CKEditor(db)
db.define_table("comtable",
Field("com_name",label="name"),
Field("com_property",label="p
浏览 0提问于2015-11-20得票数 1
回答已采纳
我想插入某些文本或html (默认和重复)在点击Ckeditor文本区域窗口。
我创建了一个自定义插件，它可以在单击工具栏按钮时添加一些文本，或者通过下面的代码片段在文本区域窗口上添加文本。
CKEDITOR.plugins.add( 'duppointer',
{
init: function( editor )
{
editor.addCommand( 'insertDup',
{
浏览 1提问于2018-08-23得票数 4
回答已采纳
1回答
我在WYSIWYG文本区域使用Drupal 7和CKEditor模块。我需要在完整的HTML格式中插入类似<?php echo "Hello World!"; ?>的PHP代码，它不需要在WYSIWYG模式中看到Hello World，但它必须处于源模式。
配置文件sites\all\modules\contrib\ckeditor\ckeditor.config.js有config.protectedSource.push(/<\?[\s\S]*?\?>/g); // PHP Code行，完整的HTML格式检查PHP evalutaor。
因此，如果我
浏览 3提问于2014-08-20得票数 0
回答已采纳
我正在使用CKEditor 5作为React应用程序中的文本编辑器。我有一个页面上的按钮，当被点击时，将插入文本“按钮被点击”内的CkEditor。我如何才能做到这一点？我知道CKEditor有setData方法，但是我的按钮如何才能访问CKEditor呢？
我的ckeditor
<CKEditor editor={ClassicEditor} />
我的按钮
<Button onClick={this.handleClick}>Click Me</Button>
handleClick
handleClick = e => { /* setData
浏览 0提问于2020-03-21得票数 1
当用户单击我的页面生成器中的可内容元素时，我会触发一个单击事件，该事件初始化一个Shared CKEditor实例。
问题是我失去了插入符号位置，CKEditor将这个光标放置在文本的开头？
我希望将插入符号位置还原到初始化前用户单击的相同位置。这主要是在课文的中间。
要做到这一点，我需要两个步骤：
初始化CKEditor之前获取插入符号位置
使用CKEditor 'instanceReady‘事件中的插入符号位置并将指针放回。
我找到了这段代码(来自)：
editor.focus();
var selection = editor.getSelection();
va
浏览 4提问于2016-07-06得票数 2
我正在使用jquery验证CKeditor中按钮单击事件中存在的数据。单击按钮后，它会将正确答案和错误答案的列表分开。这可以很好地工作。但在修改了错误的答案并点击按钮后，它再次采用最初输入的值。如何在第二次点击按钮时获取修改后的数据。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitl
浏览 0提问于2012-10-30得票数 0
我试图让用户能够在按下按钮的基础上在预置的工具栏上交换。理想情况下，该按钮将在CKEditor屏幕上，但我可以玩它。
我找到了，在这个概念中，您破坏了实例，并使用'New‘重新初始化它。
为了效仿，我选择了一个排名较高的回复，对其进行了修改，使其与我的表相匹配，并将其扔到一个按钮上。
function toolbarSwap(){
var editor = CKEDITOR.instances.editor;
if (editor) { editor.destroy(true); }
CKEDITOR.config.toolbar_Basic = [['
浏览 3提问于2017-08-09得票数 0
1回答
自定义标记ckeditor错误
、、、、
刚刚开始使用ckeditor，遇到了一个小问题。在编辑器外部单击按钮时，将生成一个标记，然后使用以下代码将其插入到ckeditor中：
CKEDITOR.instances['pageContent'].insertHtml('<cke:video id="video-' + i + '" class="video" src="' + $(this).siblings('.mediaName').text() + '">Video</cke:video>
浏览 2提问于2011-04-30得票数 0
1回答
我正在尝试从find中初始化CKEditor插件，而且我甚至不知道在哪里可以找到他们的文档，以便在第一时间完成这个工作。我只需要插入一个插件，按下按钮，而不是按下键。这是我的密码到目前为止..。
var editor = CKEDITOR.replace( 'ckeditor' );
editor.on("key",function(e){
if(e.ctrlKey && e.keyCode == 70) { // CTRL + F
e.preventDefault();
console.log(edit
浏览 6提问于2015-05-24得票数 0
回答已采纳
2回答
我已经编写了自己的自定义插件，用于在CKEDITOR中插入图像。我禁用工具栏中的图像按钮。我使用editor.insertHtml()函数插入自定义插件中的图像。当我从工具集中删除标准图像按钮时，它将禁止在CKEDITOR框中插入图像标记。除<img/>标记外，所有其他html标记都被接受。
这是我的配置(没有config.toolbar中的“图像”)：
CKEDITOR.editorConfig = function( config )
{
CKEDITOR.plugins.addExternal('insert_blank','http://localh
浏览 4提问于2013-05-10得票数 1
回答已采纳
我正在开发一个使用CKEditor的应用程序。我提供了一个名为clear的按钮。每当用户选择文本的某一部分并单击清除按钮时，只应删除选定的文本。
我在我的应用程序中使用了下面的代码，但每当用户单击clear按钮时，不仅会删除选定的文本，还会删除整个内容。
function clear_onclick() {
CKEDITOR.instances.message.setData('');
}
如何在单击ASP.Net MVC2中的clear按钮时从CKEditor中清除选中的文本？
浏览 1提问于2013-03-25得票数 2
我使用CKEditor在“所见即所得”模式下插入一些内容。我输入"Hello World!“在编辑器中，插入到数据库中的实际上下文是
"<p>Hello World!</p>".
现在我从数据库加载数据并将其设置到CKEditor中：
String content = loadFromDb();
// --> <p>Hello, world!</p>
CKEditor.instances['test'].setData(content);
但在CKEditor中，它显示：
<p>Hello
浏览 2提问于2015-06-29得票数 0
2回答
我在我的页面上用jquery适配器和ckeditor做一些php编程。让我看看我有什么。我正在处理的页面是index.php
jquery适配器：
function sendid(id)
{
jQuery('#mydiv').showLoading();
$.ajax({
type: "POST",
url: "",
data: id,
error: function(){
alert('error');
浏览 0提问于2012-09-18得票数 0
回答已采纳
我目前在我的WordPress博客中使用Ckeditor作为评论的编辑器。在提取zip文件之后，我下载了ckeditor.zip文件，并将所有文件上传到站点的根目录。然后通过引用将其与注释系统连接起来。除了几个问题外，它工作得很好。其中之一是图像没有显示。
例如，如果通过单击“添加图像”按钮插入图像：
该图像显示在注释输入框中：
但是，当单击"Post注释“时，图像(通过图像URL插入)不会出现在实际注释中。
我注意到，该图像以html中的以下形式添加到注释输入框中：
<p><img src="http://www.url.com/...../im
浏览 7提问于2015-07-18得票数 0
回答已采纳
2回答
假设我在网页上有一个按钮，当按下该按钮时，会将使用BBCode格式化的特定$text插入到CKEditor中。使用下面这行代码，可以很容易地将$text以未解析的形式插入：
CKEDITOR.instances.message.insertText(text);
但是如何才能将$text插入到已经解析过的形式中呢？.insertHtml粘贴的形式与insert $text的形式相同。
CKEDITOR.instances.message.insertHtml(text);
准备粘贴东西的函数名是什么？在执行CTRL+C和CTRL+V时，粘贴已解析的表单。
有谁有主意吗？
浏览 0提问于2016-02-22得票数 1
1回答
如何从Ckeditor获取值
、、、、
我在点击按钮时动态地做了和按钮。单击按钮add()创建ckeditor。如果想在编辑器->中键入一些文本，请单击save()按钮，它可能会显示在控制台上。尝试了很多方法但是错误。完整代码如下：
<button type="button" class="add" (click)="add()">Add Page</button>
add( )
var el = CKEDITOR.dom.element.createFromHtml('<divcontenteditable="true"&
浏览 0提问于2018-08-17得票数 0
当我在div contenteditable="true"上添加ckeditor时，效果很好。有一个add more按钮。当我单击该按钮时，会添加div，但没有加载ckeditor。我怎样才能让ckeditor工作？
浏览 2提问于2015-03-22得票数 1
回答已采纳
2回答
我在我的网站上使用CKEditor。早些时候有FCKeditor。但它与Google不兼容，因此我决定使用CKEditor。下面的屏幕截图显示了我如何使用它：
这里有两个复选框：
选诗
选择格式
在verse选项中，当我单击New按钮时，它将打开一个带有编辑器的页面，如下所示：
在这里，我可以输入文本并单击保存按钮，它将被添加到select节下拉列表中。这就是我如何添加新的诗句。到目前为止还没有问题。接下来，当我从下拉列表中选择任何选项(选择verse)并单击编辑按钮时，它应该打开编辑器，其中已经添加了文本。但它在编辑器外显示文本。
我正在将CKEdi
浏览 6提问于2015-08-31得票数 0
我正试图将ckeditor作为一个可观察到的knockout.js来使用，并且我遇到了一些测试工具。首先，我的代码是：
ko.bindingHandlers.CKEDITOR = {
init: function (element, valueAccessor, allBindings, viewModel, bindingContext) {
var ckEditorValue = valueAccessor();
var id = $(element).attr('id');
var options = allBindi
浏览 4提问于2015-03-29得票数 4
回答已采纳
2回答
我正在用php开发一个论坛。我在每个帖子下创建了一个"Reply With Quote“按钮，当用户单击该按钮时，它运行一个JQuery函数，该函数获取该帖子的文本，并将其放入CKEditor中，并使用具有id="quote"的Div将文本包装起来。插入CKEditor后的文本如下所示
<div id="quote">This is the quoted Text"</div>
通常，在论坛中，值是以如下引号传递的
[QUOTE=user_name;post_id]This is Quoted Text[/QUOTE]
浏览 2提问于2013-02-28得票数 2
我正在使用集成了ckeditor (ckeditor inline )的kcfinder来上传图像和选择。当通过单击浏览服务器按钮选择图像时，它可以按预期显示图像。但当我右击图像时，它没有显示选择，选择缩略图选项，图像不会通过双击图像插入到模板中。
请帮我弄清楚这个功能。
CKEDITOR.editorConfig = function( config ) {
config.filebrowserBrowseUrl = '../kcfinder/browse.php?type=images';
config.filebrowserUploadUrl = '../kc
浏览 5提问于2013-08-07得票数 0
1回答
每次我单击按钮提交表单时，CKEditor都会加载。我不想每次页面加载时都加载ckeditor。在f1.aspx中使用以下代码
<CKEditor:CKEditorControl ID="test" BasePath="/editor/" ></CKEditor:CKEditorControl>
浏览 5提问于2015-02-05得票数 0
2回答
我是javascript的新手，我正在将一个项目开发成CodeIgniter。实际上，我在CKEditor validation.When中遇到了一个问题，我填充了所有字段，然后单击submit按钮，然后一个消息显示CkEditor是必需字段，但是当我再次单击submit按钮数据时，成功提交了数据。
我不知道如何解决这个问题，我已经找了那么多东西，但我的问题是一样的。我使用了这段代码，但这带来了一个错误，getData()是没有定义的，我不知道什么是getdata，也不知道我必须在哪里使用它。
function CheckForm(theForm)
{
textbox_data =
浏览 7提问于2016-03-29得票数 2
我和CKEditor有个问题。当我使用插件BBCode并输入一个基本的笑脸(例如：":D“或”：“(类似于第一个图像)时，控制台日志中会出现错误"Uncaught :Uncaught: and read属性‘indexOf”)，编辑器变成空，就像第三个图像。
虽然我在config.js中插入了“config.js=‘笑脸’；”，但错误仍然发生。
第一张图片，我输入一个笑脸。
然后在第二个图像中单击"Source“按钮。
再次点击第三张图片中的“源”按钮，这是错误。
图1：
图二:小姐
图3：
这是我的密码
CKEDITOR.replace( 'editor&
浏览 1提问于2015-05-14得票数 3
回答已采纳
在执行ckEditor时，我希望已经单击了一个特定的按钮(以编程方式)。例如，我希望已经单击了blockquote按钮：
这样当用户打开ckEditor时，与blockquote按钮相关的功能就已经被触发了。我在什么地方见过，但我不记得了。好像是这样的
dialoge.click ='blockquote ' or something
浏览 1提问于2013-01-28得票数 1
回答已采纳
我想使用CKEditor的Javascript API将内部文件链接插入到正在编辑的文本中。(与单击链接图标并选择“指向图像或文件的内部链接”时相同)
我尝试过使用insertText和insertHtml，问题出在特殊字符(、等)都是逃脱的。
var inst = CKEDITOR.instances.wpTextbox1;
inst.insertText('[[:File:'+file.name+']]');
inst.insertHtml('[[:File:'+file.name+']]', '', '
浏览 2提问于2014-08-21得票数 1
我正在使用ckeditor在asp.net MVC应用程序中创建一个编辑器。在textarea中，我刚刚编写了“示例文本”，但当我加载ckeditor并单击ckeditor的source按钮时，它会给我很多html，比如html > body >p> Sample Text。为什么要创建额外的html标签？我必须将内容发送到数据库以保存html，但ckeditor正在添加额外的标记。
有什么解决方法吗？或者我在做什么？
浏览 1提问于2010-04-08得票数 0
回答已采纳
我知道CKEditor中有“粘贴文本”按钮，我可以限制允许的HTML标记。
但是，很难解释客户端在插入文本时如何使用特定的按钮。
因此，他们经常插入带有HTML标签的“污垢”文本。
正如我所记得的，在CKEditor的早期版本中设置了默认强制插入纯文本，但在当前版本中却找不到它。
这个问题有什么解决办法吗？
更新:我不想限制用户使用一些标签。但是当插入文本时，用户应该得到没有HTML标记的“干净”纯文本。
浏览 0提问于2020-09-13得票数 2
回答已采纳
从表面上看，这应该很简单：
CKEDITOR.instances[Object.keys(CKEDITOR.instances)[0]].insertHtml( html );
html是一个实际...where标记的字符串。然而，不幸的是，这是行不通的。当我单击页面上调用此代码的按钮时，什么都不会发生。它根本不会出现在文档中的任何地方，甚至在Source模式下也不会出现。
我试过使用insertElement：
var element = CKEDITOR.dom.element.createFromHtml( html );
CKEDITOR.instances.editor1.inser
浏览 3提问于2017-09-26得票数 0
回答已采纳
我只想用url插入图片。在CKEditor 5中有这个特性，但我不知道如何使img图标按钮打开模式进入url。
这是我目前在CKEditor组件配置中所拥有的内容。
config={{
toolbar: ['imageUpload'],
image: {
// ...
upload: {
panel: {
items: ['insertImageViaUrl'],
},
},
},
}}
如下图所示，单击下
浏览 12提问于2020-09-18得票数 4
我有一个使用ckeditor的文本区域
<textarea rows="25" cols="50" id="content" name="content" required="required"></textarea>
<script type="text/javascript">
CKEDITOR.replace( 'content' );
</script>
<input type="submit" n
浏览 3提问于2016-10-15得票数 1
1回答
当您使用单击堆栈溢出的按钮在富文本编辑器中添加代码片段时，它会添加一些类似于“在这里输入代码”的文本。它还使用插入符号选择(或高亮显示)这个插入的文本，这样用户只需键入就可以轻松地替换文本。我想对我的富文本编辑器实现相同的功能。
我创建了一个javascript函数，它在pre和代码标记中输入一个虚拟文本。现在我想使用一个类似于javascript函数的功能：
问题是，这个函数选择整个文本区域，而我只想在pre和代码标记中选择我的虚拟文本。
我以下列方式插入虚拟文本：
var preElement = new CKEDITOR.dom.element("pre");
var c
浏览 0提问于2014-08-06得票数 0
回答已采纳
1回答
我在内容编辑页面上有一个CKEditor实例。我希望重新使用或重置一个CKEditor实例。
用例
我有一个表格，每个单元格都是可编辑的。当用户单击一个单元格时，我向他们展示提供编辑功能的CKEditor。
我正在使用CKEDITOR.instances.cellContent.setData( cellContent );设置数据
我在用var cellContent = CKEDITOR.instances.cellContent.getData();获取数据
这很好，除了CKEditor在我调用setData()之后仍然认为它有旧的内容。
用户单击单元格#1
用户编辑单元格#1，
浏览 2提问于2012-06-28得票数 2
回答已采纳
1回答
我知道有更多的话题，但似乎没有人完全像我的。
我有Ckeditor添加到我的网站，并希望使用Kcfinder作为文件管理。我已经将Kcfinder的文件复制到ckeditor目录(ckeditor->kcfinder)中，并更新了ckeditor的config.js，就像kcfinder的网站所描述的那样。另外，我也完全允许kcfinder的上传文件夹。
当我单击Ckeditor中的图像按钮，然后单击browse -按钮时，我会得到一个错误:您没有浏览服务器的权限。有人知道这里该怎么做吗？
提前感谢！
浏览 2提问于2015-09-10得票数 0
回答已采纳
1回答
我有一个Javascript混乱，超出了我的语言知识。
我正在为CKEditor创建一个自定义插件。插件是一个IFrame，它在CKEditor生成的DIV中打开。
在IFrame中，我显示了许多图像。如果用户选择其中一个图像，则将显示该图像所需的HTML代码插入到CKEditor中。
动态地做这件事是我被困的地方。我正在从Iframe内部连接到CKEditor实例，如下所示：
var CKEDITOR = window.parent.CKEDITOR;
CKEditor提供了一个"OK侦听器“，当单击OK按钮(由CKEDitor呈现)时触发。OK侦听器位于IFrame之外。
浏览 0提问于2009-12-20得票数 1
回答已采纳
2回答
所以基本轮廓..。
我从数据库中提取了“post”，并像这样显示：
<div class="blogtest">
<form action="process/updatepost.php" class="updatepost" method="post">
<input type="button" class='.$editenabled.' value="Edit">
<input type=
浏览 2提问于2013-09-27得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
