Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

wrong background #141

Open
Form1ca opened this issue Jun 24, 2021 · 1 comment
Open

wrong background #141

Form1ca opened this issue Jun 24, 2021 · 1 comment

Comments

@Form1ca
Copy link

Form1ca commented Jun 24, 2021

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
Copy link
Author

Form1ca commented Jun 24, 2021

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

its ok

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant