在将Ckeditor编辑器元素保存到数据库(Flask)后，如何在html中格式化它们？
在将Ckeditor编辑器元素保存到数据库(Flask)后，要在HTML中格式化它们，可以按照以下步骤进行操作：
- 从数据库中获取保存的Ckeditor编辑器元素数据。
- 在Flask中，可以使用SQLAlchemy等库来连接数据库并执行查询操作，获取保存的数据。
- 在HTML中，可以使用Jinja2模板引擎来渲染数据并进行格式化。
- 在模板中，使用{{ }}语法将获取到的数据插入到HTML页面中的相应位置。
- 如果需要对Ckeditor编辑器元素进行格式化，可以使用CSS样式或JavaScript脚本来实现。
- 对于CSS样式，可以在HTML页面中的<style>标签中定义相应的样式规则，例如设置字体、颜色、大小等。
- 对于JavaScript脚本，可以使用jQuery等库来操作DOM元素，对Ckeditor编辑器元素进行进一步的格式化，例如添加样式、修改内容等。
- 在HTML页面中引入相应的CSS和JavaScript文件，确保样式和脚本能够正确加载和生效。
以下是一个示例代码，演示如何在Flask中获取数据库中保存的Ckeditor编辑器元素数据，并在HTML中进行格式化：
Flask代码（app.py）：
from flask import Flask, render_template
from flask_sqlalchemy import SQLAlchemy
app = Flask(__name__)
app.config['SQLALCHEMY_DATABASE_URI'] = 'your_database_uri'
db = SQLAlchemy(app)
class EditorContent(db.Model):
id = db.Column(db.Integer, primary_key=True)
content = db.Column(db.Text)
@app.route('/')
def index():
content = EditorContent.query.first().content
return render_template('index.html', content=content)
if __name__ == '__main__':
app.run()HTML模板（index.html）：
<!DOCTYPE html>
<html>
<head>
<title>Formatted Content</title>
<style>
/* CSS样式规则 */
.formatted-content {
font-family: Arial, sans-serif;
font-size: 14px;
color: #333;
}
</style>
</head>
<body>
<div class="formatted-content">
{{ content|safe }}
</div>
</body>
</html>在上述示例中，Flask应用连接数据库并获取保存的Ckeditor编辑器元素数据，然后将数据传递给HTML模板进行渲染。在模板中，使用{{ content|safe }}语法将数据插入到HTML页面中，并通过CSS样式规则对内容进行格式化。请注意，为了避免HTML转义，需要使用safe过滤器来保留HTML标签的原始格式。
这是一个简单的示例，具体的格式化方式和样式可以根据实际需求进行调整。对于更复杂的格式化需求，可以使用JavaScript脚本来操作DOM元素，实现更高级的效果。
推荐的腾讯云相关产品：腾讯云云服务器（https://cloud.tencent.com/product/cvm）和腾讯云数据库MySQL版（https://cloud.tencent.com/product/cdb_mysql）。这些产品提供了稳定可靠的云计算基础设施和数据库服务，可满足您的应用部署和数据存储需求。
相关·内容
我正在写一段代码来获取数据，当用户在拼写检查项目的ckeditor中键入(或复制粘贴到编辑器)时，我需要在编辑器中获取每次更改的数据，所以我创建了一个变量editorData，它将保存更改后的值。但由于我是web编程的新手，我无法使用python flask将此数据发送到服务器，以下是我的代码的样子：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CKEditor 5 – Classic editor</title>
浏览 12提问于2021-02-15得票数 0
我真的很困惑使用CKEditor，我试着用CKEditor写一篇文章--例如，我用Bold编写了Hello world并向左对齐。但当我屈服的时候，看起来就像这样
<p style="text-align: right;"><strong>hello world</strong></p>
我在一些论坛上读过，因为删除HTML标记可以使用raw
它可以工作，但是存储在数据库中的文章仍然有HTML标记。
有人曾建议，在将文章保存到数据库之前可以使用清理创业板，但我不知道如何使用这个宝石
我的问题是
在保存到数据库并显示之前，有
浏览 0提问于2016-08-15得票数 0
我正在做一个项目的博客部分。我集成了ckeditor并将数据保存到数据库中。当我在php中显示它时，它显示的是纯文本而不是html。我尝试过不同的方法，但无法解决这个问题。请有人指点我。谢谢。我在数据库中保存数据的功能
public function store_blog(Request $request){
$fname=null;
if($request->hasFile('image')){
$file=$request->file('image');
$fileName=uniqid().&
浏览 10提问于2022-02-01得票数 2
回答已采纳
我有一个有几个编辑器的页面。我想得到它的设置，以便在一个给定的编辑器中的关键字内容被保存到数据库中。我已经尝试了一些选项，例如：
$('textarea').keyup(function(){
var name = $(this).attr('id');
var content = CKEDITOR.instances[name].getData();
//ajax call to save data
但显然这不起作用，因为文本区域被替换为iframe和该iframe内的一个完整的独立DOM。
主要的问题是，我如何动态地确定输入的是哪个编辑
浏览 2提问于2014-11-23得票数 0
我的情况有点不同，我使用CKEditor来编辑和显示内容，提交的字符串只会在CKEditor中显示，而不会在其他地方显示。
我尝试了这个XSS：
<IMG """><SCRIPT>alert("XSS")</SCRIPT>">
我直接从后端将这个添加到数据库中，而不是通过CKEditor，因为我知道CKEditor在进入数据库之前做什么并不重要，因为攻击者总是可以发送一些原始的http请求，而不需要处理CKEditor。
令我惊讶的是，CKEditor向我展示了以下内容：
{cke_protected_1
浏览 1提问于2012-08-22得票数 3
回答已采纳
1回答
我在我的网站上配置了CKEditor 4，只是添加了一个插件(表单)，让我在编辑器中添加复选框。我添加复选框，保存并将结果保存到数据库中。
但是，当我编辑我的资源时，当CKEditor出现时，所有的内容显示，但是复选框没有出现。
我保存的HTML如下：
<p><input type="checkbox"> Testing</p>
我的CKEditor配置是：
var ck = CKEDITOR.replace(elm[0], {
forcePasteAsPlainText: true,
toolbar: [
浏览 1提问于2016-11-24得票数 0
回答已采纳
1回答
我正在使用CKEDITOR将数据输入到富文本区域中。该数据将被发送到数据库。但是，当我执行SELECT以使文本返回输出时，应用的样式并未应用于它。
例如:在我的CKEDITOR中，我输入了文本'Well worked today‘，并将单词word设置为粗体/strong。然后它在我的数据库中保存为
<p>Well<strong>worked</strong>today</p>
然后我执行SELECT将该文本输出到我的屏幕上。
但是这个词并不是粗体的，但在调试控制台中查看时，它被标记为
<p>Well<strong>
浏览 2提问于2013-08-31得票数 0
我在YouTube上学习了一个创建flask web应用程序的教程，现在我是stuck...Does，有人知道为什么CKEditor CDN脚本不适合我吗？ 代码： <!DOCTYPE html>
<html lang="en">
<head>
<script src="https://cdn.ckeditor.com/4.14.1/standard/ckeditor.js"></script>
</head>
<body>
浏览 42提问于2020-06-19得票数 0
我正在使用ckeditor在asp.net MVC应用程序中创建一个编辑器。在textarea中，我刚刚编写了“示例文本”，但当我加载ckeditor并单击ckeditor的source按钮时，它会给我很多html，比如html > body >p> Sample Text。为什么要创建额外的html标签？我必须将内容发送到数据库以保存html，但ckeditor正在添加额外的标记。
有什么解决方法吗？或者我在做什么？
浏览 1提问于2010-04-08得票数 0
回答已采纳
1回答
如何聚焦模糊元素
、、
你好，我是CKEDTIOR的新手，我有一些问题。当您单击ckeditor元素时，我想将焦点放在焦点上，当您单击外部元素时，我想要将焦点移除。你能帮忙吗？
var challengeEd = undefined;
$('#thechallenge').focus(function() {
challengeEd = CKEDITOR.replace('thechallenge');
});
var solutionEd = undefined;
$('#thesolution').click(function() {
soluti
浏览 3提问于2017-10-24得票数 0
回答已采纳
我尝试了各种设置来摆脱这个问题，但到目前为止我还没有任何运气。我在我的angular(1.5.6)应用程序中运行CKEditor。一开始我在使用这个，但在遇到这个问题后，我试着用尽可能少的东西运行CKEditor，以找到导致这个问题的原因。
Atm这是我的控制器中的全部内容：
$scope.description = "<p>test</p><p>test</p>";
CKEDITOR.replace('description');
CKEDITOR.instances['description']
浏览 1提问于2016-12-21得票数 0
在ckeditor中，我分享了一些代码片段，比如php、html等等。所以举个例子，我会分享如下内容：
<?php
//Something here...
?>
它在源代码视图中显示为：
<?php
//Something here...
?>
当我将它保存到mysql时，代码保持原样。但是当我加载代码时，ckeditor将源代码视图中的代码更改为：
<!--?php
//Something here...
?-->
有什么解决方案可以解决这个问题吗？
浏览 3提问于2013-06-28得票数 1
1回答
include_once 'include/ckeditor/ckeditor.php' ;
require_once 'include/ckfinder/ckfinder.php' ;
//ckeditor code
$ckeditor = new CKEditor() ;
$ckeditor->basePath = $_path['url'] . '/include/ckeditor/' ;
CKFinder::SetupCKEditor( $ckeditor, $_path['url'
浏览 7提问于2017-11-22得票数 0
回答已采纳
1回答
我想在CKeditor中设置选择框，但是：-当我点击ckeditor中的选择框时，它只显示对话框到配置选择框。==>我想要单击选择框，它必须显示要选择的下拉值。在选择并提交表单后，该视图将不显示selectbox，只显示您选择的值。
When you select must be show dropdown values
After submit
浏览 13提问于2016-05-13得票数 1
1回答
我正在学习如何使用CKEditor 5以及如何在编辑器中添加插件。我一直在尝试遵循CKEditor生态系统文档中提供的说明，但在集成时遇到错误
我已经将插件从下载到本地的插件文件夹中。
CKEditor
|---ckeditor.js
|---ckeditor.js.map
|---translations (folder)
|---plugins(folder)
|---ckeditor5-word-count (folder)
|---src (folder)
|---wordcount.js
我不知道从CKEditor
浏览 1提问于2021-05-20得票数 0
如何添加选项作为文本对齐&在reactjs中的CKEditor中下划线，我尝试了，但没有成功。请帮帮我
text-editor.js
import React from 'react'
import CKEditor from '@ckeditor/ckeditor5-react';
import ClassicEditor from '@ckeditor/ckeditor5-build-classic';
const TextEditor = ({handleChildClick}) => {
return (
浏览 14提问于2020-05-04得票数 4
回答已采纳
我想把它嵌入到材料标签中。我想要编辑器支持字体颜色特性，所以我从以下链接构建ckeditor：
然后通过以下命令安装CKEditor 5 WYSIWYG编辑器组件：
npm install --save @ckeditor/ckeditor5-angular
根据下面中的说明，我将ckeditor.js和相应的翻译文件复制到src目录中，并将其导入到组件文件中；然后修改tsconfig.json。
但是，编辑器没有显示。
如何配置编辑器，使其能够支持字体颜色功能？
这是。
浏览 2提问于2020-03-16得票数 0
我只是在玩ckeditor，不能让这该死的东西为我工作。不知何故，我需要在回发之前或同时“绑定”文本框。我该怎么做？
加载数据很好，但是当我单击update时，我需要以某种方式检索文本框的新值。从服务器调用客户端来获取其中的内容并不像从服务器调用客户端那么简单，对吧？我需要客户推后更改吗？
在动态数据中，有一种方法可以将控件的值绑定回实体，方法如下：
protected override void ExtractValues(IOrderedDictionary dictionary)
{
dictionary[Column.Name] =
ConvertEdited
浏览 0提问于2009-11-06得票数 0
回答已采纳
我在Drupal 7中安装了CKEditor模块，我还从网站CKEditor安装了CKEditor JavaScript库。然而，无论我做什么，编辑都不会出现。
浏览 0提问于2014-04-07得票数 1
1回答
我在一个基于网页的游戏中使用ckeditor编辑我所有的文本区，当我输入文本区并点击提交按钮时，它会保存到我的数据库中，但数据库也包括像<p>和<b>这样的标签。
我该如何删除它们呢？
浏览 0提问于2012-11-15得票数 1
回答已采纳
import BalloonEditor from '@ckeditor/ckeditor5-editor-balloon/src/ballooneditor';
import Essentials from '@ckeditor/ckeditor5-essentials/src/essentials';
import Paragraph from '@ckeditor/ckeditor5-paragraph/src/paragraph';
import Bold from '@ckeditor/ckeditor5-basic-styl
浏览 9提问于2018-01-01得票数 3
1回答
我有一个ckEditor，我想让ckEditor汽车的高度在我打字的时候增长。
<textarea name="description" id="description">
</textarea>
<script>
CKEDITOR.replace( 'description' );
CKEDITOR.config.contentsCss = [CKEDITOR.getUrl('contents.css'), CKEDITOR.getUrl('/js/ckedi
浏览 3提问于2020-04-17得票数 0
回答已采纳
如何在销毁实例后重新初始化ckeditor (4)，这样我就不必重新加载页面了。我销毁它们是为了在通过ajax将内容保存到mysql之前清理内联div(请参阅我关于原因的评论
下面是我的代码：
<!DOCTYPE html>
<html>
<head>
<title>Massive inline editing — CKEditor Sample</title>
<meta charset="utf-8">
<script src="http://code.j
浏览 0提问于2013-05-15得票数 2
我已经创建了一个主组件和两个子组件来加载两个不同版本的CKeditor5(经典和气球)；但是它给出了以下错误：
CKEditorError: CKEditor复制-模块:一些CKEditor 5模块被复制.阅读更多：
第一部分：
import React from "react";
import CKEditor from "@ckeditor/ckeditor5-react";
import BalloonEditor from "@ckeditor/ckeditor5-build-balloon";
..
return (
<C
浏览 9提问于2019-10-26得票数 0
当我使用它时，我只得到了类构建视图，我也试着从包中安装和使用DecoupleEditor，它只显示了classis构建视图，从DecoupleEditor导入DecoupledEditor
import { CKEditor } from "@ckeditor/ckeditor5-react";
import Editor from "ckeditor5-custom-build/build/ckeditor";
function App() {
let editorr = null;
return (
<div className=&#
浏览 5提问于2022-07-09得票数 0
我得到了
TypeError: this.getWindow(.).$未定义
当我使用CKEDITOR.instances['pageContent'].getData();将记录保存到使用ajax的数据库时。我正在使用Modal。
请告诉我如何解决这个错误。
<div class="modal-body">
<div class="form-group">
<label>Page Content</label>
<textarea id=
浏览 1提问于2015-10-07得票数 2
回答已采纳
1回答
我想在现有的项目中创建一个模块。该项目的要求是，非技术人员可以使用智能编辑器在网页中输入数据，并将数据存储在数据库中。
目前，我的项目是使用JSF1.2框架开发的。对于我尝试使用ckeditor的需求，它要求我使用JSF2.0。
请给我指路
浏览 2提问于2013-10-10得票数 0
回答已采纳
我对CKEditor有意见。我下载最新版本并在我的CMS上实现。所有的按钮和文本区都被禁用了，我什么也做不了。我搜索并找到了像CKEditor.inline或readOnly这样的解决方案，但它就是不起作用……我的代码看起来像这样：
<!DOCTYPE HTML>
<html lang="pl">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial
浏览 0提问于2016-03-21得票数 1
1回答
很简单的问题。如何将CKeditor的背景色从C#中更改？
如何在CKeditor中获得C#实例？也许我做不到？
我有一个具有很多文本区域(asp:textbox)的网格视图，所有控件都使用CKeditor，通过CSSclass属性，而且它工作得很好！但是现在我想动态地将其中的一两个或者所有的背景色改变成类似于LightYellow的颜色。
我试图直接更改asp:textbox的背景，但是它当然不能工作，因为这是对CKeditor本身“隐藏”的。
还有其他小费吗？
更新
我已经下载了CKEditor for ASP.net，而且也不工作，因为它还会自动在后台创建textarea元素--实际上就
浏览 9提问于2016-10-31得票数 0
回答已采纳
2回答
(asp.net C#项目)
我试图在我的页脚显示联系信息，我从数据库中收到信息，但在我的管理员面板中，我有添加换行符的CKEditor。那么，我的问题是，我希望我的页脚文本没有换行符，有什么方法可以做到这一点吗？
它在我的联系人页面中的外观：
Adresse
Zip, City
Phone
Fax
我希望它出现在我的页脚中：
Adresse, Zip city, phone, fax
我使用以下命令接收文本：
<p><asp:Literal ID="LitContent" runat="server" /></p>
Lit
浏览 0提问于2012-03-14得票数 0
回答已采纳
在我开始我的问题之前，先了解一些背景信息--我正在使用URL方法将模块加载到Drupal，因为我不希望将它们保存到我的恐龙时代的PC上。我也没有上传Drupal到我的电脑，但正在操作它通过万神殿。这不仅是因为我的旧电脑，而且因为我只是在开发我的网站的非常早期阶段，一位顾问说，我不需要担心这个和其他程序，如MySQL。
我渴望将CKEditor放到我的Drupal平台上，因此添加了CKEditor - WYSIWYG编辑器模块，到目前为止，这似乎是成功的。
下面的教程假设我可以将CKEditor程序保存到我的PC上。但我希望有一种方法可以避免这样做，并像我通过URL加载模块一样吗？
浏览 0提问于2013-03-05得票数 0
这是我的HTML
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingOne">
<h4 class="panel-title">
<a role="button" data-toggle="collapse" data-parent="#accordion" hre
浏览 1提问于2019-03-08得票数 0
我需要在CKeditor中显示文档文件的内容。我读取了doc文件的内容&逐行将其传递到数组中：
$rs = fopen("text.doc", "r");
while ($line = fgets($rs, 1024)) {
$this->data[] = $line . "<BR>";
}
然后创建一个CKeditor实例：
include_once("ckeditor/ckeditor.php");
$CKedi
浏览 2提问于2012-12-17得票数 0
是否可以在当前选择的编辑器中插入文本？
我试过了
import Text from '@ckeditor/ckeditor5-engine/src/model/text';
function insertText() {
let text = new Text('test');
ckEditor.model.insertContent(text, ckEditor.model.document.selection);
}
其中ckEditor是从ClassicEditor.create返回的编辑器对象
代码运行时没有错误，但什么也不会发生。
我已经成功
浏览 1提问于2018-04-19得票数 6
回答已采纳
我正在尝试为我的页面开发一个简单的CMS。我想要它的地方，我可以编辑和删除一个用户的答复点击一个按钮。我完成了删除功能，所以我想我将使用CKeditor的回复功能。我正在挣扎的是不能禁用自动内联功能。我仍然可以在页面加载时选择我的div，而不是单击一个按钮来启用内联功能，但是我不知道我做错了什么？
我已经尝试过直接在我的index.html文件、一个定制的js脚本文件和config.js ckeditor文件中设置这个特性，但是都没有工作。我正在使用Ckeditor 4。
这是我试图在div元素上禁用内联的代码片段，但是它不起作用，我不知道为什么，我现在把它放在一个custom.js脚本文件中
浏览 2提问于2018-06-04得票数 1
回答已采纳
我想知道是否有什么方法可以改变CKEditor查找图片的位置。现在，它使用包含编辑器的网页的位置作为根目录，但我想编写一个javascript函数，它可以将这个目录更改为传递给该函数的任意路径。
更重要的是，我希望扩展CKEditor的功能，以便能够将它创建的源代码保存到用户选择的任何位置。我已经实现了使用wxWidgets获取源代码并保存它，但在让CKEditor更改其工作目录以便从用户选择的目录中包含图像时遇到了麻烦。
我尝试过使用一些属性，如baseDir、basePath和baseHref来实现这一点，但据我所知，它们都不能完全满足我的要求。
因此，该过程将是：(1)用户选择将保存源文
浏览 1提问于2013-07-16得票数 0
回答已采纳
我使用CKEditor从用户那里获取超文本标记语言。用户将使用HTML标记，并将其保存在数据库中。我需要一个功能，让用户看到页面将如何显示，当打开作为.html保存在数据库中之前。
使用CKEditor可以做到这一点吗?如果yes.....then如何做到这一点？
提前致谢
浏览 0提问于2014-01-23得票数 0
我正在尝试将CKEditor与我的应用程序集成，我正在使用以下方法。
<textarea name="editor1" id="editor1" rows="10" cols="80"></textarea>
<script type="text/javascript">
CKEDITOR.replace('editor1');
</script>
在JavaScript中，我使用下面的代码来设置和获取数据给ckeditor
function
浏览 2提问于2015-07-23得票数 1
回答已采纳
我正在尝试更新一些初始化的CKEditors，但它不起作用。
在CKEditor 4中，它是：
for(var instanceName in CKEDITOR.instances)
CKEDITOR.instances[instanceName].updateElement();
不适用于CKEditor 5。
浏览 0提问于2018-07-06得票数 3
回答已采纳
我已经将一个复选框、一个按钮和一个CKEditor控件(v3.6.1)添加到现有的asp.net网页中。单击该按钮将复选框的状态和CKEditor的内容保存到数据库中，并显示一条成功保存的消息。如果用户修改了任何一个，消息就会消失。好的，OnTextChanged事件不是在CKEditor上触发的，所以显示消息的标签可以被隐藏。我已经尝试使用onkeypress事件使用javascript来完成此操作。我把CKEditor包在标签里，然后把onkeypress=放在“.”没有运气。我甚至使用jQuery将一个函数附加到文档上的OnTextChanged (也尝试过OnChanged )事件上，
浏览 3提问于2017-02-13得票数 1
回答已采纳
1回答
CKEditor 5与图像按钮
、、、、
我正在努力弄清楚如何用CK Editor 5上传图片。现在我已经看到了一个大小不同的插件，但我想知道这是如何为自己工作的。我注意到的是，如果我点击图像按钮，我得到一个对话框来上传图像，然后我选择一个图像，什么都不会发生。
根据我一直阅读的指南和文章，我的假设是，我必须将映像保存到服务器，然后将url返回给ckeditor，以便它可以使用它来显示图像。
我似乎想不出该怎么做。在ckeditor代码中，我应该在哪里添加自己的逻辑，以便它可以获取上传的图像，将其发送到服务器，然后将一个url返回给ck编辑器？
我已经看过很多类似这样的文档，但是我似乎什么也找不到。
浏览 2提问于2018-03-13得票数 1
回答已采纳
1回答
在D8中使用ckeditor的诀窍是什么？可悲的是，在文档中，CKEDITOR / CKEDITOR.instances似乎什么也不返回，尽管显示了多个ckeditor实例可用。当您试图针对某个元素时，CKEDITOR.replace()似乎给出了一个配置错误(缺少404个js文件)。
我可以为CKEDITOR.dom.element.get('edit-comment-body-0-value')定位并获取数据，但是一旦尝试使用getEditor()，它将自动返回NULL。
浏览 0提问于2016-03-17得票数 2
回答已采纳
15回答
我使用的是CKEditor。我使用页面方法通过ajax保存表单值。
但是CKEditor值的内容不能保存到表中。
我不回传这个页面。
我能为此做些什么呢？
浏览 11提问于2010-09-27得票数 56
回答已采纳
我已经寻找这个问题的解决方案有一段时间了，我发现的唯一修复只会影响文本在编辑器中的显示方式，而不会影响生成的文本在发送/保存到其他地方时的外观。我说的是CSS修复之类的东西。
我正在使用CKEditor来编写和通过我们的web应用程序发送电子邮件，虽然css修复改变了编辑器本身显示的字体，但收到的电子邮件仍然显示在TNR或从电子邮件客户端继承的任何内容中。当然，除非我更改了每个段落的插件中的字体和大小。
根据我所注意到的，每当你在插件中设置字体和大小时，CKEditor会用新更改的样式(例如<span style="font: Arial"><span sty
浏览 0提问于2012-10-30得票数 7
回答已采纳
我正试图为我的web应用程序构建某种丰富的文本编辑器。它将用于创建将保存到数据库中的博客文章，以便用户可以查看。
我的解决方案是使用表格和。我可以在这里存储博客帖子的标题，在textarea中，文章的作者可以写博客文章的文章/内容。但是，如您所知，博客文章有时包含无法创建/使用图像的images...and。
因此，我遇到了npm包，这些包允许您创建/导入富文本编辑器(比如ckeditor)。但我的问题是，如何将富文本数据保存到数据库中？当用户想查看特定的博客文章时，让数据在浏览器中显示？
对于如何在我的应用程序中实现“创建博客帖子”功能，我会公开任何其他建议。
浏览 5提问于2022-09-12得票数 0
我希望在编辑器中粘贴文本时和在写作时使用不同的格式样式。但是当我定义enterMode : CKEDITOR.ENTER_BR时，它同样适用于粘贴的文本，并删除粘贴的文本格式和标记。即它覆盖了pasteFilter: 'semantic-content'行为。
有没有办法让我两样都留着？
以下是我的配置：
editor = CKEDITOR.replace("annotationEditor", {
toolbarGroups: [
{ name: 'basicstyles', groups: [ 'bas
浏览 4提问于2017-08-07得票数 0
我已经将CKEditor集成到我的博客评论系统中，当我加载一个新页面时，它会显示得很好。
然而，对于回复评论，我有一个javascript操作，打开一个新的评论表单，从“回复这个评论”链接下面的每个评论。在本例中，CKEditor不加载(我只得到一个基本的非CKEditor文本区域)。我是否需要向我的javascript文件中添加一些内容，以便正确加载CKeditor？
posts/show.html.erb
<%= @post.content %>
<%= render 'comments/form' %> #this CKEditor form re
浏览 1提问于2013-01-17得票数 3
当我使用与下面的示例代码类似的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
当用户单击我的页面生成器中的可内容元素时，我会触发一个单击事件，该事件初始化一个Shared CKEditor实例。
问题是我失去了插入符号位置，CKEditor将这个光标放置在文本的开头？
我希望将插入符号位置还原到初始化前用户单击的相同位置。这主要是在课文的中间。
要做到这一点，我需要两个步骤：
初始化CKEditor之前获取插入符号位置
使用CKEditor 'instanceReady‘事件中的插入符号位置并将指针放回。
我找到了这段代码(来自)：
editor.focus();
var selection = editor.getSelection();
va
浏览 4提问于2016-07-06得票数 2
3回答
你能给我一种把ckeditor的内容保存到数据库的方法吗？
我有0%的想法如何让事情工作，因为这将是第一次使用一个。我在google上搜索过，但总是显示fckeditor(它们是一样的吗？)。另外，我尝试了一些使用AJAX的代码，但仍然不能让它工作，因为它需要一些插件，而我实际上并不理解它。
无论如何，我使用的是4.0版本的ckeditor，我更喜欢php或javascript代码，因为我不太了解AJAX。下面是我的试用代码：
<!DOCTYPE html>
<!--
Copyright (c) 2003-2012, CKSource - Frederico Knabben.
浏览 0提问于2012-12-23得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
