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也会很好，甚至优先。

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

Tnx很多！

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(....