CKEditor5 getSelectedElement()
CKEditor5是一款功能强大的富文本编辑器，getSelectedElement()是它的一个方法。该方法用于获取当前选中的元素。
在CKEditor5中，编辑器的内容被组织为一个DOM树结构。当用户在编辑器中选择一个元素时，可以使用getSelectedElement()方法来获取该元素的引用。
使用getSelectedElement()方法可以实现一些针对选中元素的操作，例如修改元素的样式、获取元素的属性、插入新的元素等。
CKEditor5是一款跨平台的富文本编辑器，可以在各种Web应用中使用。它具有良好的兼容性和可扩展性，可以满足不同项目的需求。
腾讯云提供了一系列与CKEditor5相关的产品和服务，例如云服务器、对象存储、CDN加速等。这些产品可以帮助开发者快速搭建和部署基于CKEditor5的应用，并提供稳定可靠的基础设施支持。
更多关于CKEditor5的信息和腾讯云相关产品介绍，请访问腾讯云官方网站：CKEditor5产品介绍。
相关·内容
我创建了一个自定义版本的CKEditor5，并创建了一个插件BorderColor。插件运行得不太好。问题是模型在改变，但视图没有改变。 border-color.js import Plugin from '@ckeditor/ckeditor5-core/src/plugin';
import BorderColorEditing from './border-color-editing';
import BorderColorUi from './border-color-ui';
export default class Borde
浏览 39提问于2019-08-25得票数 0
我的任务是，通过图像对话框在ckeditor中添加的任何图像都应该是响应的。
为实现这一目标：
我在高级选项卡中引入了新的选项“srcset”。
从样式选项中删除属性宽度和高度
在样式选项中设置最大宽度属性
它很好用。
现在的问题是，如果我们在ckeditor中右键单击添加的图像，那么上下文菜单将使用以下选项打开：“剪切、复制、粘贴和图像属性”。在这里，如果我们选择'image属性‘，那么图像对话框将打开，在对话框高级选项卡中，srcset选项设置为空，但我在添加图像时给出了srcset值。
如何解决这个问题？
浏览 2提问于2017-01-06得票数 0
为了隔离任何问题，我可以重现这个问题，我在VS 2017年使用ASP.NET MVC模板(.NET Framework4.6.1)启动了一个全新的项目。
我将最新的ckeditor5添加到/Script/ckeditor5 5/ckeditor.js中。
在BundleConfig.cs中，我添加了以下内容：
bundles.Add(new ScriptBundle("~/bundles/ckeditor").Include(
"~/Scripts/ckeditor5/ckeditor.js"));
在_layout.cshtml中，我有以下内容：
@Scrip
浏览 1提问于2019-05-07得票数 4
1回答
是否有方法添加对ckeditor5的双向支持。我需要能够改变块级内容元素的方向。在ckeditor4中有一个，但是我找不到ckeditor5的任何东西。是否有可用的现有解决方案？
浏览 2提问于2020-03-02得票数 0
回答已采纳
使用CKEditor4，我可以通过配置>>内容创作>>文本编辑器，将编辑器配置为实体(Webform、分类法或节点)的嵌入按钮。
📷
有了CKEditor5，我就迷失了，因为它只嵌入了Drupal媒体。
📷
注意:到目前为止，仅仅将CKEditor4更改为CKEditor5并不会破坏现有功能。
如何让实体嵌入按钮回到CKEditor5中？
是否有任何关于实体嵌入按钮将被移植到Drupal核心的更新？
浏览 0提问于2022-12-21得票数 4
2回答
我正在开发一种动态表单，生成大量的Div。我想检测焦点是否从整个div中丢失，而不仅仅是来自一个输入。
如图所示，我有多个相同的表单，这里的问题是如何检测用户是否编辑了其中一个表单？
表单是使用ng-重复动态创建的。
<fieldset data-ng-repeat="response in responces" ng-init="sectionIndex = $index" >
<div id="customFrom">
<input type="text" ng-mod
浏览 0提问于2016-10-05得票数 0
回答已采纳
我使用strapi，我想用ckeditor5经典修改默认的文本编辑器。在strapi网站上有一个指南，介绍如何为strapi配置默认的ckeditor5经典。
但是缺少一些重要的工具，所以我想构建ckeditor5经典包的自定义分叉。我从ckeditor5在线构建器开始。下载了构建包，并希望在strapi项目中导入它。
我的问题从这里开始。首先，如何在项目中使用下载的包而不是通过npm/纱线下载？
包装结构：
构建
示例
src
许可
package.json
webpack.config
我看到这个包在package.json中没有main命令。因此，no
浏览 18提问于2020-08-15得票数 0
1回答
我使用ckeditor5包添加了npm add file:./ckeditor5。当我运行代码时，代码工作正常，但是当我构建它时，我会得到一个npm ERR! client@0.1.0 build: react-scripts build错误。
我猜npm add file:./ckeditor5命令的问题。下面是package.json文件
{
"name": "client",
"version": "0.1.0",
"private": true,
"dependencies
浏览 9提问于2021-08-16得票数 0
回答已采纳
我想为symfony5安装CKeditor5。 composer require friendsofsymfony/ckeditor-bundle
php bin/console ckeditor:install 这给了我CKeditor4 ..。 是否可以使用CKeditor5，如果可能的话，可以使用在线生成器CKEditor生成的自定义版本，就像CKedtor4的情况一样…… 谢谢:)。
浏览 17提问于2020-11-07得票数 1
1回答
这是两天，我试图添加图像上传功能到CKEditor，但我没有成功。
当我单击工具栏中的图像上传图标时，它会打开一个模式来选择一个图像(从您的计算机中)来加载到编辑器中。问题是它没有打开我选择的图像。
我将CDN用于CKeditor5：
CKEditor 5的配置，我已经将它放在js文件中：
ClassicEditor .create( document.querySelector( #document.querySelector( '#questionMainTextId‘)，{ language：{ ui：'fa'，}，}) .catch( error => {
浏览 20提问于2022-08-19得票数 1
import Comments from '@ckeditor/ckeditor5-comments/src/comments';
ClassicEditor.builtinPlugins = [ Essentials, Paragraph, Bold, Italic, Image, Comments ];
如何在angular js的ckeditor5中包含注释上面的代码是用angular 2+编写的，我发现绑定在ckeditor5中没有发生，之前我使用的是ckeditor4，它与angular js完美地工作。
浏览 16提问于2019-11-04得票数 0
1回答
我用的是Bootstrap-4和CKEditor5。我有一个项目，我使用框架之上的一个文本区域-现在我回到它，看到REMOVE FORMAT - button消失了。
我查看了CKEditor5的主页(URL：)，发现remove format - button仍然存在，但不在我的项目中，如下所示：
在网站上：
在我的项目中：
我怎样才能解决这个问题？
附加信息:我在我的项目中加载它，如下所示：
<script src="https://cdn.ckeditor.com/ckeditor5/25.0.0/classic/ckeditor.js"><
浏览 5提问于2021-11-18得票数 0
回答已采纳
我在我看过的一个教程中看到了这段代码，但这篇教程向table元素添加了类。
var RadEditorCommandList = Telerik.Web.UI.Editor.CommandList;
var table = RadEditorCommandList["InsertTable"];
RadEditorCommandList["InsertTable"] = function (commandName, editor, args) {
table(commandName, editor, args);
var p = editor.
浏览 12提问于2019-03-29得票数 0
回答已采纳
当我使用与下面的示例代码类似的ckeditor5文本编辑器时，标题为"Rich text Editor“的文本会自动出现在顶部！我查找并删除相关设置的搜索没有返回任何结果。请给我指引
<script src="https://cdn.ckeditor.com/ckeditor5/25.0.0/classic/ckeditor.js">
</script>
<div id="editor">
</div>
<script>
ClassicEditor
.create( do
浏览 5提问于2021-02-02得票数 0
1回答
我想知道如何将具有特定类别的html转换为具有特定样式的html。例如，如果原始的html是<p class="ql-align-center">text</p>，我想将其转换为<p style="text-align: center;">text</p>。我确实看过ckeditor5文档，但我只是迷惑了，因为其中包含了太多的信息。 我这样问的原因是因为我目前正在将我的富文本编辑器从quill更改为ckeditor5。ckeditor5添加了一些类来应用一些样式，而ckeditor5只是内联样式(一些样式可以用类
浏览 36提问于2019-12-09得票数 0
回答已采纳
下面的代码片段返回了firebug中的一个错误：
参数不是一个对象“代码："1003
t.selectNode(s.$)；ckeditor.js (第11883行)
我的代码基本上是搜索某种类型的元素，例如输入。然后，我想让selectElement类型的当前元素在API中定义：
var selectOption = dialog.getValueOf('find', 'findNext');
var documentWrapper = editor.document; // [object Object] ... CKEditor object
va
浏览 0提问于2011-08-10得票数 2
回答已采纳
好的，我有一个问题，我已经工作了大约一周，并尝试了所有我知道或可以找到的。我使用的是YUI 2.x编辑器，用户将在这里进行一些繁重的格式化。我在页面上有一个外部按钮，当用户单击它时，它需要将选定的文本包装在<span>中，但是它必须在不丢失任何格式的情况下执行。由于某些原因，以下操作喜欢删除所选内容中的所有格式：
var sel = myEditor._getSelection();
var newEl = '<span>' + sel + '</span>';
myEditor.execCommand('insert
浏览 4提问于2010-11-02得票数 0
嗨，我一直在尝试将ckeditor5与angular应用程序集成，并按照文档中的说明进行操作。 https://ckeditor.com/docs/ckeditor5/latest/builds/guides/integration/frameworks/angular.html https://ckeditor.com/docs/ckeditor5/latest/features/image-upload/ckfinder.html 正常的ckeditor5正常工作，但当我尝试用它启用ckfinder时，它不工作。具体地说，我正在尝试上传一个图像到服务器，并需要做一些基本的操作，如在CKF
浏览 19提问于2019-02-20得票数 2
1回答
使用分页符或水平线时显示黑色三角形。实际上，我的问题和this和this一样，在我保存到数据库后，当我试图显示来自CKEditor5的HTML代码时，它会显示一个黑色三角形。解决方案是在angular.json中更改一些配置，但我不使用Angular，我使用的是builder中的Codeigniter、AdminLTE和CKEditor5。
浏览 38提问于2020-11-11得票数 0
回答已采纳
我正在使用ckeditor5，它在我的项目的一个页面上工作得很好，但问题是当我从另一个应用程序指向/重定向页面时，它会通过一个uncatch异常
请建议我如何解决这个问题。
以下是例外情况：
Failed to load resource: the server responded with a status of 404 ():8080/demo/ckeditor5/config.js?t=G2VC:1
Failed to load resource: the server responded with a status of 404 ():8080/demo/ckeditor5/lan
浏览 1提问于2021-03-06得票数 0
使用CKeditor v5联机构建器下载默认设置。
当你使用它的时候，一切都很有效。但是当使用要加载本地(以及下载的在线构建器版本)时，所有的按钮都消失了，为什么？
我们很感激你的帮助。
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<script src="/ckeditor5/build/ckeditor.js"></script>
<!-- <script src="ht
浏览 14提问于2020-07-02得票数 1
回答已采纳
我按照一步一步地做了一个角度的文本编辑器，所以当我输入命令"ng serve“时出现了一些构建错误。
是什么导致了这个错误？
还是使用"ng2-ckeditor“代替"ckeditor5"?的最佳方式？
我想将MathType和ChemType插件添加到CKEditor5中。但我在启动CKeditor时遇到了麻烦。但是，我用了
NG2-基子
在我的项目中，但我找不到任何关于添加MathType插件的材料。
浏览 10提问于2022-08-05得票数 0
回答已采纳
我可以使用Java获得多个选定的元素吗？
应用程序接口(RPIApplication)似乎只有一个getSelectedElement()方法。有办法得到多个项目吗？
我看到了get getSelectedGraphElements()方法，但这个方法似乎只给出了图表元素。
但我想要模型元素，也有可能从树视图中获得选定的项目。
浏览 1提问于2018-09-17得票数 0
回答已采纳
我正在使用CKEditor 5(平衡编辑器)，并尝试获取选定的文本。我该怎么做呢？ 我尝试了以下代码，但得到的结果为空： editor.model.change( writer => {
var selection = editor.model.document.selection;
console.log(selection.getSelectedElement());
} ); 谢谢你的帮助。
浏览 29提问于2019-02-20得票数 0
回答已采纳
<!DOCTYPE html>
<html lang="ko" xmlns:th="http://www.thymeleaf.org"
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
layout:decorator="layout/default">
<title>Make Page</title>
<script th:inline="javascript" src
浏览 27提问于2021-04-27得票数 1
回答已采纳
ckeditor5 当我使用editor.editing.view.focus()时，光标在文本的开头，如何将光标移动到文本的末尾？
浏览 43提问于2019-05-10得票数 2
在通过cdn包含ckeditor.js的ckeditor5中，我想更改entermode
而不是
？有可能吗？谢谢
浏览 5提问于2019-01-28得票数 1
我在用CKEDITOR5。我的代码如下所示
当我用
plugins: [SourceEditing, Markdown],
我得到以下JS错误。
未定义ReferenceError: SourceEditing未定义
这是一个.NET。我下载并使用了CKEDITOR5文件(不是通过NPM安装的)
我需要导入什么Javascript才能使用SourceEditing？
在这方面，任何帮助都是非常感谢的。
<script src="~/lib/ckeditor5-build-classic/ckeditor.js"></script>
<scri
浏览 5提问于2022-01-21得票数 0
1回答
我试图在一个棱角形的应用程序中捕捉到CKEditor5内部的输入，使用类型记录。我能够让CKEditor显示，并能够记录编辑器的存在。然而，我似乎无法捕捉到输入。在CKEditor4中，这似乎非常简单，在这里，下面这样的简单代码起作用了：
editor.on('key', function (event) {
//some work goes here
}
然而，用我当前的ClassicEditor来尝试这一点似乎不是这样的。我正在使用CKEditor5，并已在index.html中初始化了它，并以以下格式在代码中调用它
declare var ClassicEditor:
浏览 1提问于2018-04-08得票数 5
回答已采纳
我需要在我的应用程序上安装，所以我按照指令执行：
npm install --save @ckeditor/ckeditor5-upload
通常，为了加载插件，我会在load目录中创建一个包含插件名称的文件，特别是：
Views
load
ckeditor.php
其中包含以下内容：
<!-- Push section js -->
<?= $this->section('js') ?>
<script src="https://cdn.ckeditor.com/ckeditor5/27.1.0/classi
浏览 1提问于2021-05-20得票数 1
我有一个带有多个select菜单的表单(版本4)，其中每个select元素的id值是动态设置的。我想找到用户单击的select元素的id。
我能让这个工作起来
$('.js-example-tokenizer-ajax-data').on('select2:open', function (evt) {
myValue = $(this).attr('id');
});
但是我需要在ajax调用中使用myValue作为data的参数，因此需要一个获取active select2元素id的选项。我见过一些建议使用var selec
浏览 0提问于2016-06-22得票数 1
我在eclipse e4应用程序中使用JFreechart。我已经在一个部件堆栈中动态地创建了一些部件，比如A。每个部件都会根据其他部件堆栈的选择显示一些图形。如果我在第一个部件中，并且从部件堆栈B中进行了一些选择，那么该图形应该根据我所做的选择进行更新。如果我点击第二部分并选择其他一些输入，它应该只在第二部分中显示新的图。
我的问题是，当我单击第二部分并选择一些输入时，将绘制图形，但图形中的更改也会在第一部分中复制。
为了将数据从部分堆栈B发送到部分堆栈A中的部分，我使用了Eventbroker服务。
@Inject
@Optional
void getStatisticE
浏览 0提问于2014-04-16得票数 0
请看我的答案，详细实现CkEditor5的角度与图像上传在ASP.NET核心
您还可以找到下面的文章，它类似于VS代码格式。
浏览 3提问于2019-11-20得票数 0
回答已采纳
我试图在我的本地设置ckeditor5，但是我面临这个错误
未定义的SyntaxError:无效或意外的令牌sample.html:14未定义的ReferenceError: ClassicEditor
下面是本地代码。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>CKEditor 5 – Classic editor</title>
<script src="ckedito
浏览 1提问于2019-07-17得票数 3
1回答
我从经典版本构建了我的定制CKEditor5。
git clone -b stable https://github.com/my/forked/repo
cd ckeditor5
npm install
npm run build
在我的VUE2项目的main.js
import 'path/to/ckeditor5/build/editor.js'
Vue.prototype.editor = window.ClassicEditor
在我的那部分
<template>
<div class="root">
<div
浏览 0提问于2018-10-23得票数 2
回答已采纳
2回答
我正在构建一种文章编辑器，为此我使用 for CKEditor5；在文档之后，我可以在ckeditor组件中正确地使用ClassicEditor构建。
这些是我的档案：
import { Component, OnInit } from '@angular/core';
import * as ClassicEditor from '@ckeditor/ckeditor5-build-classic';
@Component({
selector: 'app-edit-article',
templateUrl: './edit
浏览 21提问于2020-03-10得票数 2
回答已采纳
如果问题的标题让人困惑的话，很抱歉。
我正在重写CKEditor4中的一个小部件，并将其转换为与CKEditor5一起工作。
我的问题是，我需要使用一个表来完成整个小部件布局。所以我创建了我的小部件并编写了所有的转换器。
当我在CKEditor5中禁用表插件时，我的小部件工作得很好。但是，如果加载了表插件，则不会插入我的小部件，而是由表插件接管并插入一个正常的表。
因此，我的问题是：只能在插入小部件时禁用表插件，同时为编辑器中插入的普通表保留表功能？。
浏览 0提问于2019-05-17得票数 0
回答已采纳
1回答
我使用ckeditor5，如何定制它并使其动态添加类？
目前我正在使用以下模块，
例如。
<blockquote>值</blockquote>
我希望它每次动态地使用区块引号时都添加类。
<blockquote class="blockquote">值</blockquote>
浏览 0提问于2019-08-06得票数 1
因此，我正在致力于vue水疗项目，并希望将ckeditor5融入其中。因此，我只是从ckeditor5安装 vue版本，通过在github站点上的分期付款指南，一切都很好。
但是在使用它之后，我意识到我需要从那里进行定制的构建，这意味着我需要分叉构建并克隆它，在它上做一些事情，然后npm构建，然后将它添加到我的项目中。
问题是，我不知道如何将那些css和js包含到我的vue spa组件中(我只需要它在特定组件上使用，所以我不认为通过向html中添加css和js文件就可以在全局上获得任何好处)。
那么如何将其添加到vue spa的特定组件上呢？
浏览 0提问于2018-09-28得票数 0
回答已采纳
在将脚本目录链接到"ckeditor5“之后，我有如下文本区域：
<textarea rows="10" name="sample_identity" id="sample_identity" Placeholder="Sample Identification" data-parsley-required="true"></textarea>
并且，这将创建替换文本区域的ckeditor。
<script>ClassicEditor.create( document.q
浏览 3提问于2017-12-22得票数 3
回答已采纳
1回答
程序员！
我正在使用ckeditor5和strapi。但我不知道如何嵌入代码。当我将推荐的嵌入代码放在代码本身上时，它只显示：See pen <a href="..."/>。如果我用iframe注入代码，它就会消失。
有人做过吗？
浏览 10提问于2022-07-31得票数 0
我正在使用CKeditor5 5的内联编辑器构建。
我使用AJAX发布表单字段，并从后端接收数据，我想将这些数据添加到字段中。
在我的html中，我有CKEditor5内联编辑器CDN，后面是引导程序，然后链接到style.css。在body标记之前，我有Jquery，后面是指向script.js的链接
editor.php
<p class='description box' id="description"> {add text from database} </p>
我的javascript文件和特定的ajax调用：
$("
浏览 2提问于2018-01-19得票数 2
回答已采纳
我试图为CKEditor 4.1编写插件，它将用p标记包装选定的img。我在医务室里发现了这件事，但怎么了？
var current = editor.getSelection();
if(current.getStartElement().getName() == 'img'){
var p = new CKEDITOR.dom.element( 'p' );
current.getSelectedElement().appendTo(p);
alert('DONE');
}
当我点击调用这个函数的按钮时，我得到的是空空
浏览 7提问于2013-10-28得票数 0
回答已采纳
我之前使用过CKEditor4，并设法为它编写了模糊事件处理程序。然而，我不能理解我应该如何为CKEditor5做这件事
这是我为CKEditor5编写的代码，用来捕捉它的模糊，但我没有收到任何警告消息。
HTML
<div id='editor'></textarea>
javascript代码-
ClassicEditor
.create( document.querySelector( '#editor' ), {} )
.then( editor => {
editor.on("blu
浏览 0提问于2020-08-27得票数 0
通过查阅CKEditor5的文档，我找不到关于如何允许<br>标记的说明。
我在网上读到，您可以使用内联样式，如style = "margin:0px"，但它也会删除这些样式。
任何帮助都将不胜感激。
浏览 0提问于2018-04-18得票数 0
回答已采纳
我在ckeditor5上找到了findElement(By.cssSelector("p"))。
我能够在编辑器中单击，但是函数editor.sendKeys("Test")会导致错误消息：
无法聚焦元素。
有人知道我如何使用Selenium在ck5中放置一些文本吗？
浏览 1提问于2019-01-14得票数 0
我正在为CKEditor 4.3中的一个按钮创建一个对话框。在单击处理程序版本中，我希望更新编辑器的内容，但到目前为止，我只找到了访问对话框元素的函数。我正在寻找类似于在onShow函数中工作良好的this.getParentEditor().getSelection().getSelectedElement()的东西。是否可以以及如何直接从onClick函数访问内容？
浏览 0提问于2016-12-12得票数 1
反应: CKEditor5链接弹出，既不显示在引导5模式，也没有在套件库模式
任何解决问题的方法
谢谢
浏览 1提问于2022-10-06得票数 0
回答已采纳
我正在使用CKEditor 5帮助我的客户发布他们的文章。但是编辑器生成的内容是纯HTML片段。内容的风格如何？是否有可能页面的<div/>中的内容样式与ckeditor5中的样式相同？
我知道我可以写CSS的内容，是最好的方式吗？
浏览 3提问于2018-09-19得票数 6
回答已采纳
背景：试图以一种非侵入性的方式使用ckeditor5作为本地编辑器的替代品--意思是不改变我编辑的内容或它的类定义。想让WYSIWYG在编辑。使用django_ckeditor_5作为我自己的ckeditor5构建的基础，其中包括ckedito5 5-检查器和我的extraPlugins和自定义CSS。这个很好用。
Problem：当我将以下HTML加载到ClassicEditor (编辑的textarea.value)中时：
<p>Text with inline image: <img class="someclass" src="/media/u
浏览 14提问于2022-11-05得票数 0
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
腾讯云开发者
