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