插入類或內聯樣式到CkEditor Smiley插入時

我在構建電子郵件模板的程序中使用Ck編輯器。每個電子郵件模板都有自己的樣式，可以覆蓋內容塊中的文本。插入類或內聯樣式到CkEditor Smiley插入時

因此，當我在Ck編輯器的文本塊中添加笑臉時，模板樣式將左浮動和顯示塊添加到文本塊內的圖像。

這意味着所有表情都浮動在左側。

有沒有一種方法，我可以添加內嵌樣式會插入，這樣它看起來像這樣實際的笑臉圖像：

<img alt="cool" height="23" src="/vendors/ckeditor/plugins/smiley/images/shades_smile.png" title="cool" width="23" style="float: none; display: inline-block;">

預先感謝您。

來源

2016-11-24 user2583295

看到類似的問題：http://stackoverflow.com/questions/29014728/how-to-assign-a-css-class-or-id-to-smileys –

你可以嘗試檢查插入元素時，如果它的src屬性包含像「笑臉」的字符串，例如，然後添加一個類或內聯樣式的元素：

CKEDITOR.replace('editor1', { 
 
    on: { 
 
    insertElement: function(e) { 
 
     if (e.data.getName() !== 'img') return; 
 
     if (e.data.getAttribute('src').indexOf('smiley') > -1) { 
 
     e.data.addClass('smiley-class'); 
 
     } 
 
    } 
 
    } 
 
});

<script src="https://cdn.ckeditor.com/4.7.3/full-all/ckeditor.js"></script> 
 
<textarea name="editor1"></textarea>

來源

2017-09-28 12:15:39 Syone

插入類或內聯樣式到CkEditor Smiley插入時

回答

相關問題