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

我想你想......

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

Answer 2

我只是做了這樣的事情;

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>' 
);