使用nicEdit按类名选择实例

时间:2013-04-21 20:41:41

标签: javascript editor wysiwyg nicedit

有没有办法按类名选择nicEdit的实例,而不仅仅是它的id?

例如:

<div class="myInstance1">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed magna dolor, faucibus ac, iaculis non, cursus et, dui. Donec non urna. Aliquam volutpat ornare augue. Phasellus egestas, nisl fermentum porttitor rutrum, magna metus rutrum risus, id fringilla magna mi nec lorem.
</div>

调用nicEdit:

<script type="text/javascript">
     bkLib.onDomLoaded(function() {
          var myNicEditor = new nicEditor();
          myNicEditor.setPanel('myNicPanel');
          myNicEditor.addInstance('myInstance1');
     });
</script>

除非该类是id,否则它不会以这种方式工作。有什么想法吗?

1 个答案:

答案 0 :(得分:1)

这里的问题是ID和类之间的区别。命令“addInstance”正在寻找添加单个实例并将该实例链接到提供的id。由于id按定义每页仅使用一次,因此nicEdit可以轻松识别它。

但是,使用类名称可能会创建多个实例,而这个命令并不打算这样做。

解决方案是创建一个循环,遍历每次出现的类,并根据循环编号为该实例创建一个新的nicEdit实例和唯一ID。

代码看起来像这样......将一个类分配给你想成为nicedit区域的任何区域。循环遍历该类并为其分配唯一的ID。然后,根据该ID创建一个新实例。在下面的示例中,“nicinstance”是类名。

bkLib.onDomLoaded(function() {
    var myNicEditor = new nicEditor();
    myNicEditor.setPanel('myNicPanel');
    $( ".nicinstance" ).each(function( index ) {
     $(this).attr("id","myInstance"+index);
     myNicEditor.addInstance('myInstance'+index);
    });
});