jWysiwyg 扩展答案

【问题标题】：jWysiwyg extendjWysiwyg 扩展
【发布时间】：2009-02-26 21:01:06
【问题描述】：

我正在尝试找到一种方法来扩展 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 很多！

【问题讨论】：

标签： jquery wysiwyg

【解决方案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>'
);

【讨论】：

【解决方案2】：

我想你想要...

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

【讨论】：

不，我正在尝试将内容添加到 RTE，而不是 div。所以我有我的常规粗体、斜体、下划线，我想要一个插入自定义 HTML。