jquery - jWysiwyg 扩展

Question

我试图找到一种方法来扩展 jWysiwyg。我需要一个函数来在编辑器中插入这段代码：

<a rel="shadowbox" href="images/photo_big.jpg" class="option" >
  <img src="images/photo_small.jpg" id="rightcontentImg" alt="photo" />
</a>

所以不仅是图像，还有链接。我知道我可以使用这样的东西来插入图像：

$('#cont').wysiwyg('insertImage', 
      'http://www.google.com/images/nav_logo4.png', 
     { 'class' : 'myClass', 'className' : 'myClass' });

但它非常基本，我不需要更多，只是第一个解决方案，插入原始 html 也很好，甚至是首选。

有没有人有这方面的经验？！

很多！

Answer 1

我刚刚做了这样的事情；

var cont = $('#cont');
cont.wysiwyg('setContent', cont.val() +
  '<a rel="shadowbox" href="images/photo_big.jpg" class="option" >
    <img src="images/photo_small.jpg" id="rightcontentImg" alt="photo" />
  </a>'
);

Answer 2

我想你想要...

 $('#cont').Append($('<a rel="shadowbox" (etc) </a>')).wysiwyg(....