如何防止CKEditor insertHtml将元素包裹在
内在 webkit 浏览器中？

发布于 2024-10-15 17:48:50 字数 1008 浏览 3 评论 0 原文

我正在尝试构建一个前端页面，以允许我的用户使用 smarty 模板://ckeditor.com/" rel="nofollow">ckeditor 所见即所得编辑器。

我使用 insertHtml 函数添加具有特殊属性的按钮（需要将其解析为后端的 smarty 变量）：

// initialize ckeditor
$('textarea.editor').ckeditor({
    contentsCss: '/css/test.css'
});
// get ckeditor instance
ckeditorInstance = $('textarea.editor').ckeditorGet();
// Use some elements (outside the textarea) to add buttons/tokens
// to wysiwyg textarea
$("a.tinymce.tinymce-insert-var").click(function(){
    ckeditorInstance.insertHtml(
        '<input type="button" readonly="readonly" var="{$user-&gt;name}" '
        + 'class="placeholder" value="User Name" />'
    );
});

这在 Firefox、IE8 和 Opera 上运行良好，但在 Chrome/Chromium/Safari 中，按钮插入在

元素之间。

有没有办法避免这种情况，或者我可以使用回调来删除该段落？

原文

Im trying to build a front-end page to allow my users to build smarty templates with ckeditor wysiwyg editor.

Im using the insertHtml function to add a button with special attributes (needed to parse it into an smarty variable in the back-end):

// initialize ckeditor
$('textarea.editor').ckeditor({
    contentsCss: '/css/test.css'
});
// get ckeditor instance
ckeditorInstance = $('textarea.editor').ckeditorGet();
// Use some elements (outside the textarea) to add buttons/tokens
// to wysiwyg textarea
$("a.tinymce.tinymce-insert-var").click(function(){
    ckeditorInstance.insertHtml(
        '<input type="button" readonly="readonly" var="{$user->name}" '
        + 'class="placeholder" value="User Name" />'
    );
});

This works fine on Firefox, IE8 and opera, but with Chrome/Chromium/Safari the button is inserted between a <p> element.

Is there a way to avoid this, or a callback that i can use to remove the paragraph?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

俯瞰星空 2024-10-22 17:48:50

我也有这个问题。我就是这样做的...

var editor = $('textarea[name=content]').ckeditorGet();
var element = CKEDITOR.dom.element.createFromHtml( '<p>I am a new paragraph</p>' );
editor.insertElement( element );

I had this problem as well. This is how I did it...

var editor = $('textarea[name=content]').ckeditorGet();
var element = CKEDITOR.dom.element.createFromHtml( '<p>I am a new paragraph</p>' );
editor.insertElement( element );

回复收藏 0 原文