CKEditor小部件 - 阻止编辑可编辑元素本身

时间:2016-05-19 18:15:30

标签: javascript widget ckeditor

我有一个小部件,可以编辑链接的文本。用户可以编辑链接的文本,但是当用户单击该链接时,将打开标准链接对话框。我不希望这样,并且理解可编辑使得编辑其innerHtml成为可能,而不是元素本身。我怎样才能防止这种情况发生?

Widget plugin.js:

template: 
  '<div class="container">' +
    '<a href="javascript:void(0)" class="link">' +
      'Label' +
    '</a>' +
  '</div>',

allowedContent:
  'a[*](*); div(*);',

editables: {
  Link: {
    selector: '.link',
    allowedContent: 'strong'
    }
 }

启动

CKEDITOR.dtd.$editable.a = 1;
CKEDITOR.inline( 'myId', {
  startupFocus: false
} );

CKEditor版本:4.5.9,模式:内联,浏览器:Chrome

1 个答案:

答案 0 :(得分:1)

我认为你的小部件根本不起作用,因为如果链接在一个小部件内部,它根本不应该是可编辑的 - 既不是它的属性也不是它的内容。

任何这些都是可编辑的这一事实意味着您的小部件未被发现为小部件。很可能是由于代码中某些其他地方的问题。