如何在CKEditor模块中使用javascript库？

Question

我的内容管理员希望能够在CKEditor实例内部的bootstrap nav-pills之间来回切换。开箱即用，CKEditor似乎不允许javascript在编辑器中运行。下面是一个例子 - 我需要能够点击不同的药片来编辑相关内容：

我发现associated question似乎可以解决这个问题，但我不能让它在Drupal中工作 - 我不知道如何实现代码。我会对这个问题添加评论，但我没有足够的声誉点。

Answer 1

使用this associated question中提供的代码，我能够在Drupal 7的CKEditor实例中使用javascript nav-pills。不幸的是，它只能在Firefox for PC中运行。另外，我必须将以下代码添加到ckeditor.config.js文件中，并手动将脚本添加到管理主题的html.tpl.php文件中 - 这似乎是多余的，但只有两者都有效文件有它。

CKEDITOR.on('instanceReady', function(ev) {
var jqScript = document.createElement('script');
var bsScript = document.createElement('script');

jqScript.src = 'http://code.jquery.com/jquery-2.0.2.js';
bsScript.src = 'http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js';

var editorHead = ev.editor.document.$.head;
editorHead.appendChild(jqScript);
editorHead.appendChild(bsScript);

jqScript.onload = function() { editorHead.appendChild(bsScript); }; 
});