gpt4 book ai didi

ckeditor - 在动态添加的文本上使用内联 CKEditor

转载 作者:行者123 更新时间:2023-12-04 23:54:42 30 4
gpt4 key购买 nike

我正在构建一个使用 javascript 向页面动态添加元素的 Web 应用程序,然后可以使用 contentEditable="true" 对其进行编辑和 CKEditor .

目前,如果我使用 contentEditable="true" 向页面添加元素,该元素是可编辑的,但 CKEditor工具栏没有出现。

我试过调用CKEDITOR.inlineAll()但这似乎无济于事。

如何激活 CKEditor对动态创建的元素进行内联编辑? (不刷新页面)。

编辑:我发现给元素一个 ID(例如) someId 并调用 CKEDITOR.inline(someId) 具有预期的效果。但我不想为我的所有元素添加唯一 ID。有没有办法在所有 contentEditable 元素上激活 CKEditor?

最佳答案

CKEDITOR.inline 接受原生 DOM 元素作为参数。无论您如何创建动态元素,如果您传递对该函数的引用,它都会将其转换为 CKEditor 实例。例如,假设您使用 jQuery 作为主框架:

// A dynamically created element.
var el = $( '<p contenteditable="true">I\'m editable!</p>' );

// Append the element to <body>.
$( 'body' ).append( el );

// CKEDITOR.inline accepts DOM element as parameter.
CKEDITOR.inline( el.get( 0 ) );

the fiddle .

关于ckeditor - 在动态添加的文本上使用内联 CKEditor,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18616119/

30 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com