标签: ckeditor

在div标签中显示数据库中保存的ckeditor数据

我想在 div 标签中显示保存在数据库中的 ckeditor 数据。我的意思是，我将 ckeditor 数据保存到数据库，并将这些数据恢复到 div 标签，并将标签应用于该文本。

输入此代码时，将显示以下文本

这是代码：

<div> {{$object->text}} </div>

Run Code Online (Sandbox Code Playgroud)

它显示这个；我想要应用这些标签

html> <head> <title></title> </head> <body dir="rtl"> <p><strong>Lorem Ipsum</strong> is simply dummy text of the printing and typesetting industry.

Run Code Online (Sandbox Code Playgroud)

html php ckeditor laravel

Moh*_*udi

2018 07-13

1
推荐指数

1
解决办法

1974
查看次数

CKEditor Codesnippet 的背景未滚动超过 <div> 长度

我在我的网站中创建了一个 div，以便页面上的文本整齐地包含在设定的宽度内。我还实现了 CKEditor5 并使用它的 CodeSnippet 插件。当一行上有太多代码时，它会创建一个可滚动框，其中文本在该可滚动部分中溢出（这是我真正想要的行为！）。然而，背景并没有表现出相同的行为，因此它看起来非常难以阅读，如下图所示。

我对构建网站还很陌生，所以我实际上不知道从哪里开始，应该查看 HTML 还是需要在 CKEdtior 中设置一些配置？

https://i.stack.imgur.com/qLCrF.png

干杯，

html css ckeditor django-ckeditor highlight.js

Tho*_*ont

lucky-day

1
推荐指数

1
解决办法

221
查看次数

为 Asp.net 项目集成 CkEditor 5

我想为 Asp.net（C# 和 ASPX）项目集成 CKEditor 5（最新版本）。但 NuGet 包管理器和其他论坛（包括 Stackoverflow）引导我使用 CKEditor 版本 3.6.4。如何在 Asp.net（C# 和 ASPX）项目中使用最新版本？

我在哪里可以得到与此相关的任何信息？

-谢谢

c# asp.net ckeditor

Ami*_*dey

lucky-day

1
推荐指数

1
解决办法

6196
查看次数

CKEditor 在每次状态/道具更改后重新渲染

目前我正在使用 Next.js 和 CKEditor 5 开发一个项目。我创建了一个要在页面上使用的编辑器组件。由于我需要父页面上输入的值，因此我使用 state 和 setState 作为道具。

我的代码如下所示：

页：

import dynamic from "next/dynamic";
import { useState } from 'react';

export default function Create() {
    const Editor = dynamic(() => import("../components/MyEditor"), { ssr: false });

    const [text, setText] = useState("")

    const handleTextInput = (textInput) => {
        setText(textInput)
    }

    return (
        <>
            <div key="editor1div">
                <Editor key="editor1" handleInput={handleTextInput} data={text} />
            </div>
        </>
    )
}

Run Code Online (Sandbox Code Playgroud)

编辑器组件：

import Editor from '../../ckeditor5-custom-build/build/ckeditor'
import { CKEditor } from '@ckeditor/ckeditor5-react'
import '../../ckeditor5-custom-build/build/translations/de';


const MyEditor = …

Run Code Online (Sandbox Code Playgroud)

javascript ckeditor reactjs next.js react-hooks

Rob*_*ert

2022 09-20

1
推荐指数

1
解决办法

535
查看次数

什么是更好的fkeditor或ckeditor？

我正在经历一个问题,选择fkeditor或ckeditor哪一个比我项目中的另一个好.以及如何在php中获得有关这些编辑器中任何一个的自定义教程.你能说出一些我能得到帮助的网站吗？

fckeditor ckeditor

作者

2012 07-03

0
推荐指数

1
解决办法

464
查看次数

Ember.js和CKEDITOR冲突:无法读取未定义的属性'type'

Ember.JS和CKEDITOR之间存在冲突.如果我使用Ember.js,工具栏(模态窗口)不起作用.如果我尝试按下例如粘贴按钮,那么我得到以下错误消息,窗口没有模态窗口.

Uncaught TypeError: Cannot read property 'type' of undefined

Run Code Online (Sandbox Code Playgroud)

ckeditor工具栏无法正常工作

如果我删除Ember.Js,那么CKeditor工作正常.

在jsfiddle上查看问题的现场演示 http://jsfiddle.net/HEhMq/13/

这就是我将CKEDITOR嵌入到我的ember模板中的方法:

App.HTMLTextArea = Ember.TextArea.extend({
    didInsertElement: function() {
        this._super();
        var self = this;
        var elementId = self.get('elementId');

        var edit = CKEDITOR.replace( elementId, {
            extraPlugins : 'autogrow',
            autoGrow_maxHeight : 800,
            // Remove the Resize plugin as it does not make sense to use it in conjunction with the AutoGrow plugin.
            removePlugins : 'resize'
        });

        edit.on('blur', function(e) {
                if (e.editor.checkDirty()) {
                        self.set('value', edit.getData() );
                }
        });
    }
});

Run Code Online (Sandbox Code Playgroud)

使用此代码,编辑器可以正常加载,并更新Ember值.只是工具栏按钮不起作用.

有人有同样的问题吗？

wysiwyg ckeditor ember.js

Arn*_*son

2013 04-17

0
推荐指数

1
解决办法

2770
查看次数

如何使用CKEditor作为表单输入？

我正在尝试使用CKEditor制作简单的Web编辑器,但我无法找到如何使其工作.

首先,我检查了他们的样品网站他们只做CKEditor工作就是包含.js文件并添加ckeditor类来形成textarea元素.

<script src="../ckeditor.js"></script>
.
.
.
<textarea class="ckeditor" cols="80" id="editor1" name="editor1" rows="10">

Run Code Online (Sandbox Code Playgroud)

所以我复制.js文件,并尝试在我自己的文件夹,当我运行PHP脚本整个textarea元素是隐藏的,犯规创建CKEditor的面板,因为它应该像这个示例页面.可能有一些javascript配置,但我还没有找到任何样本页面的源代码.

javascript php ckeditor

pas*_*stx

lucky-day

0
推荐指数

2
解决办法

2万
查看次数

应该调用ckeditor 4.2+中内置的onChange函数

我有一个CKEditor textarea（版本4.3）和一个javascript函数，requiredCheck（）我想在每次输入文本时调用它。

据说，此功能已在4.2版中内置到ckeditor中，作为“撤消”功能的一部分，但我找不到有关如何实际调用和使用它的任何信息。我通过搜索找到的所有内容都太旧了，无法提供帮助（在内置旧版本之前，这些版本遭受了痛苦的黑客攻击。）

我相信这是文档的相关部分，但是我对ckeditor或javascript不够熟练，无法真正理解我应该怎么做：

http://docs.ckeditor.com/#!/api/CKEDITOR.event-method-on

有没有人用4.2+中的内置功能做到这一点？

根据下面的响应，这就是我现在正在尝试的方法，但是仍然无法正常工作。希望这只是一个语法问题？

<textarea name="editor1" id="editor1" rows="20" cols="80" ></textarea>
<script>
    CKEDITOR.replace( 'editor1', {
        filebrowserUploadUrl: "upload.php",
        on: {
            change: function() {
            requiredCheck();
            }
        }
    } );
</script>

Run Code Online (Sandbox Code Playgroud)

任何帮助，将不胜感激。是的，我已经清除了浏览器缓存，我知道ckeditor对此很敏感。

javascript ckeditor

Ano*_*Man

2014 03-26

0
推荐指数

1
解决办法

608
查看次数

如何为ckeditor中的所有元素设置编写器规则

我怎么能为所有元素设置这个全局:

    CKEDITOR.on('instanceReady', function(ev){
        var el = [ "p", "div", "table", "tbody", "tr", "td", "h1", "h2", "h3", "h4", "h5", "h6", "ul", "center" ];
        el.forEach(function(v) {
            ev.editor.dataProcessor.writer.setRules(v,
                {
                    indent: false,
                    breakBeforeOpen: true,
                    breakAfterOpen: false,
                    breakBeforeClose: false,
                    breakAfterClose: false
                }
            );
        });
    });

Run Code Online (Sandbox Code Playgroud)

把它作为一系列元素很无聊吗？有谁知道如何解决这个问题？

ckeditor

hep*_*i75

2016 01-17

0
推荐指数

1
解决办法

512
查看次数

CKFinder TypeError:t.event.special.swipe未定义

在Firefox 44.0上使用CKFinder 3.2.0时收到以下错误.它仅在Firefox上发生,在Chrome上完全正常.

知道什么可能导致它以及如何解决它？

TypeError: t.event.special.swipe is undefined
Stack trace:
CKFinder</<._setup/</<.init@https://10.10.10.20/ckfinder/ckfinder.js:8:8
CKFinder</<._setup/</<.start/</<@https://10.10.10.20/ckfinder/ckfinder.js:19:9706
newContext/y.execCb@https://10.10.10.20/ckfinder/ckfinder.js:5:26980
newContext/C.prototype.check@https://10.10.10.20/ckfinder/ckfinder.js:5:20584
newContext/C.prototype.enable@https://10.10.10.20/ckfinder/ckfinder.js:5:23528
newContext/C.prototype.init@https://10.10.10.20/ckfinder/ckfinder.js:5:19790
o/<@https://10.10.10.20/ckfinder/ckfinder.js:5:25339
setTimeout handler*CKFinder</<._setup/</</req.nextTick<@https://10.10.10.20/ckfinder/ckfinder.js:5:29067
o@https://10.10.10.20/ckfinder/ckfinder.js:5:25278
CKFinder</<._setup/</</requirejs@https://10.10.10.20/ckfinder/ckfinder.js:5:28955
CKFinder</<._setup/</<.start/<@https://10.10.10.20/ckfinder/ckfinder.js:19:9598
n.Callbacks/j@https://10.10.10.20/ckfinder/libs/jquery.js?ver=js6uhv:2:26920
n.Callbacks/k.fireWith@https://10.10.10.20/ckfinder/libs/jquery.js?ver=js6uhv:2:27738
.Deferred/</e[f[0]]@https://10.10.10.20/ckfinder/libs/jquery.js?ver=js6uhv:2:28704
CKFinder</<._setup/</r.init/<@https://10.10.10.20/ckfinder/ckfinder.js:7:29367
s@https://10.10.10.20/ckfinder/ckfinder.js:7:27199
newContext/y.execCb@https://10.10.10.20/ckfinder/ckfinder.js:5:26980
newContext/C.prototype.check@https://10.10.10.20/ckfinder/ckfinder.js:5:20584
newContext/C.prototype.enable/</<@https://10.10.10.20/ckfinder/ckfinder.js:5:23189
bind/<@https://10.10.10.20/ckfinder/ckfinder.js:5:14778
newContext/C.prototype.emit/<@https://10.10.10.20/ckfinder/ckfinder.js:5:23667
each@https://10.10.10.20/ckfinder/ckfinder.js:5:14253
newContext/C.prototype.emit@https://10.10.10.20/ckfinder/ckfinder.js:5:23635
newContext/C.prototype.check@https://10.10.10.20/ckfinder/ckfinder.js:5:21305
newContext/C.prototype.enable@https://10.10.10.20/ckfinder/ckfinder.js:5:23528
newContext/C.prototype.init@https://10.10.10.20/ckfinder/ckfinder.js:5:19790
newContext/C.prototype.callPlugin/</r<@https://10.10.10.20/ckfinder/ckfinder.js:5:22166
bind/<@https://10.10.10.20/ckfinder/ckfinder.js:5:14778
CKFinder</<._setup/</t.finishLoad@https://10.10.10.20/ckfinder/ckfinder.js:9:24377
CKFinder</<._setup/</t.load/<@https://10.10.10.20/ckfinder/ckfinder.js:9:24651
CKFinder</<._setup/</t.get/s.onreadystatechange@https://10.10.10.20/ckfinder/ckfinder.js:9:25864
EventHandlerNonNull*CKFinder</<._setup/</t.get@https://10.10.10.20/ckfinder/ckfinder.js:9:25720
CKFinder</<._setup/</t.load@https://10.10.10.20/ckfinder/ckfinder.js:9:24631
newContext/C.prototype.callPlugin/<@https://10.10.10.20/ckfinder/ckfinder.js:5:22740
bind/<@https://10.10.10.20/ckfinder/ckfinder.js:5:14778
u@https://10.10.10.20/ckfinder/ckfinder.js:5:17104
newContext/C.prototype.callPlugin@https://10.10.10.20/ckfinder/ckfinder.js:5:21493
newContext/C.prototype.fetch@https://10.10.10.20/ckfinder/ckfinder.js:5:20194
newContext/C.prototype.check@https://10.10.10.20/ckfinder/ckfinder.js:5:21399
newContext/C.prototype.enable@https://10.10.10.20/ckfinder/ckfinder.js:5:23528
newContext/y.enable@https://10.10.10.20/ckfinder/ckfinder.js:5:26027
newContext/C.prototype.enable/<@https://10.10.10.20/ckfinder/ckfinder.js:5:23388
bind/<@https://10.10.10.20/ckfinder/ckfinder.js:5:14778
each@https://10.10.10.20/ckfinder/ckfinder.js:5:14253
newContext/C.prototype.enable@https://10.10.10.20/ckfinder/ckfinder.js:5:22878
newContext/C.prototype.init@https://10.10.10.20/ckfinder/ckfinder.js:5:19790
o/<@https://10.10.10.20/ckfinder/ckfinder.js:5:25339
setTimeout handler*CKFinder</<._setup/</</req.nextTick<@https://10.10.10.20/ckfinder/ckfinder.js:5:29067
o@https://10.10.10.20/ckfinder/ckfinder.js:5:25278
CKFinder</<._setup/</</requirejs@https://10.10.10.20/ckfinder/ckfinder.js:5:28955
i@https://10.10.10.20/ckfinder/ckfinder.js:7:27411
CKFinder</<._setup/</r.init@https://10.10.10.20/ckfinder/ckfinder.js:7:27819
CKFinder</<._setup/</<.start@https://10.10.10.20/ckfinder/ckfinder.js:19:9399
o/<@https://10.10.10.20/ckfinder/ckfinder.js:19:12310
newContext/y.execCb@https://10.10.10.20/ckfinder/ckfinder.js:5:26980
newContext/C.prototype.check@https://10.10.10.20/ckfinder/ckfinder.js:5:20584
newContext/C.prototype.enable/</<@https://10.10.10.20/ckfinder/ckfinder.js:5:23189
bind/<@https://10.10.10.20/ckfinder/ckfinder.js:5:14778
newContext/C.prototype.emit/<@https://10.10.10.20/ckfinder/ckfinder.js:5:23667
each@https://10.10.10.20/ckfinder/ckfinder.js:5:14253
newContext/C.prototype.emit@https://10.10.10.20/ckfinder/ckfinder.js:5:23635
newContext/C.prototype.check@https://10.10.10.20/ckfinder/ckfinder.js:5:21305
newContext/C.prototype.enable/</<@https://10.10.10.20/ckfinder/ckfinder.js:5:23189
bind/<@https://10.10.10.20/ckfinder/ckfinder.js:5:14778
newContext/C.prototype.emit/<@https://10.10.10.20/ckfinder/ckfinder.js:5:23667
each@https://10.10.10.20/ckfinder/ckfinder.js:5:14253
newContext/C.prototype.emit@https://10.10.10.20/ckfinder/ckfinder.js:5:23635
newContext/C.prototype.check@https://10.10.10.20/ckfinder/ckfinder.js:5:21305 …

Run Code Online (Sandbox Code Playgroud)

javascript jquery ckeditor ckfinder jquery-mobile

Gib*_*boK

2016 02-16

0
推荐指数

1
解决办法

202
查看次数