Javascript TinyMCE笑脸插件-更改插入笑脸的宽度
我正在使用TinyMCE所见即所得编辑器 添加的表情符号是72x72像素,但我希望它们显示为20x20像素 单击列表中的笑脸时,它会在编辑器主体内创建一个元素,如下所示:Javascript TinyMCE笑脸插件-更改插入笑脸的宽度,javascript,css,tinymce,Javascript,Css,Tinymce,我正在使用TinyMCE所见即所得编辑器 添加的表情符号是72x72像素,但我希望它们显示为20x20像素 单击列表中的笑脸时,它会在编辑器主体内创建一个元素,如下所示: <img title="smile" src="https://twemoji.maxcdn.com/2/72x72/1f600.png" data-mce-src="https://twemoji.maxcdn.com/2/72x72/1f618.png"> 我试着在插件源代码中添加一个样式,但我什么都没有用。
<img title="smile" src="https://twemoji.maxcdn.com/2/72x72/1f600.png" data-mce-src="https://twemoji.maxcdn.com/2/72x72/1f618.png">
我试着在插件源代码中添加一个样式,但我什么都没有用。能够解决这个问题。我未列出来源,底部是:
n.addButton("smileys", {
type: "panelbutton",
icon: "emoticons",
panel: {
autohide: !0,
html: e,
onclick: function(t) {
var i = n.dom.getParent(t.target, "a");
i && (n.insertContent('<img src="' + i.getAttribute("data-mce-url") + '" title="' + i.getAttribute("title") + '" class="emoji" style="width:20px">'), this.hide())
}
},
tooltip: "Smileys"
})
我们能够解决它。我未列出来源,底部是:
n.addButton("smileys", {
type: "panelbutton",
icon: "emoticons",
panel: {
autohide: !0,
html: e,
onclick: function(t) {
var i = n.dom.getParent(t.target, "a");
i && (n.insertContent('<img src="' + i.getAttribute("data-mce-url") + '" title="' + i.getAttribute("title") + '" class="emoji" style="width:20px">'), this.hide())
}
},
tooltip: "Smileys"
})
您可以添加与
img
标题匹配的CSS类:
img[title=smile] {
width: 20px;
}
另一个解决方案是使用大小为20 x 20的图像。您可以添加一个与
img
标题匹配的CSS类:
img[title=smile] {
width: 20px;
}
另一个解决方案是使用大小为20 x 20的图像