search

contentco / quill-emoji

Quill module toolbar extension for emoji
275 stars 165 forks source link

wrong background #141

Open Form1ca opened 3 years ago

Form1ca commented 3 years ago

edit text with quill with emoji = OK save quill html and insert it to page as html element = wrong background

image

it show imoji and backgroud with all images <p><span class="ql-emojiblot" data-name="rage">&#xFEFF;<span contenteditable="false"><span class="ap ap-rage">😡</span></span>&#xFEFF;</span>123213123<span class="ql-emojiblot" data-name="kissing_heart">&#xFEFF;<span contenteditable="false"><span class="ap ap-kissing_heart">😘</span></span>&#xFEFF;</span></p>

element.style { } .forumthread .question__inline[data-v-7772b432] :first-child { display: inline; } .ap-rage { background-position: -540px -140px; } .ap { background-image: url(/_nuxt/node_modules/quill-emoji/dist/1e7b634….png); background-repeat: no-repeat; background-size: 820px; box-sizing: border-box; display: inline-flex; font-size: 20px; height: 20px; line-height: 1; margin-top: -3px; overflow: hidden; text-indent: -999px; width: 20px; }

problem on this
background-image: url(/_nuxt/node_modules/quill-emoji/dist/1e7b634….png);

Form1ca commented 3 years ago

if change class from <span class="ap ap-rage">😡</span> to <span class="ap-rage">😡</span>

its ok