Wstawianie emoji we wpisach na Bikestats
Poniedziałek, 16 maja 2022
· Komentarze(12)
Póki co filtrowanie wpisów nie pozwala wstawić emoji płaczącej ze szczęścia twarzy prostymi metodami jak np. wpisaniem w HTML jej kodu &
Dlatego wspiąłem się na wyżyny desperacji. Działająca opcja, by uzyskać emoji na blogu, to lekkie nadużycie szablonu. W ustawieniach bloga jest dostępna opcja edycji szablonu, czyli edycji HTML-a, z którego generowany jest widok bloga. Można w sekcji
Co pozwoli potem wykorzystać nowe style przy dodawaniu wpisu, wstawiając w HTML:
A to da taki oto efekt na blogu:
I jakoś da się ten (rowerek) wstawić... Prawda, że banalne :D?
Klasę
I jakoś da się ten (rowerek) wstawić... Prawda, że banalne :D?
Kody znaków biorę sobie z niezawodnej Emojipedii, bo ją lubię. Przykładowo ów biały mężczyzna na rowerze. To co potrzeba jest niżej, w "Codepoints".
PS Przy okazji okazało się, że filtrowanie przy wstawianiu kodu programu jest po wielokroć zepsute, tak bardzo, że aż nie mam siły o tym pisać. Musiałem się wybitnie namęczyć by napisać tę wiadomość. I jak tylko przyjdzie mi do głowy ją edytować, to natychmiast się rozsypie. Bug na bugu, niestety .
Dlatego wspiąłem się na wyżyny desperacji. Działająca opcja, by uzyskać emoji na blogu, to lekkie nadużycie szablonu. W ustawieniach bloga jest dostępna opcja edycji szablonu, czyli edycji HTML-a, z którego generowany jest widok bloga. Można w sekcji
<head> dodać dodatkową sekcję <style>, przykładowo:
<html>
<head>
...
<style>
.emoji-hint {
display: none;
}
.emoji-white-man-biking::before {
content: "\1F6B4 \1F3FB \200D \2642 \FE0F";
font-family: emoji;
}
.emoji-face-with-tears-of-joy::before {
content: "\1F602";
font-family: emoji;
}
</style>
</head>
...
Co pozwoli potem wykorzystać nowe style przy dodawaniu wpisu, wstawiając w HTML:
I jakoś da się ten
<
Prawda, że banalne <
Prawda, że banalne <
A to da taki oto efekt na blogu:
I jakoś da się ten (rowerek) wstawić... Prawda, że banalne :D?
Klasę
emoji-hint dodałem po to, by cokolwiek wyświetlało się poza blogiem, w szczególności w wizualnym trybie edytora, ale także w podglądzie wpisu na stronie głównej czy profilu użytkownika. Tam efekt wizualny będzie inny:I jakoś da się ten (rowerek) wstawić... Prawda, że banalne :D?
Kody znaków biorę sobie z niezawodnej Emojipedii, bo ją lubię. Przykładowo ów biały mężczyzna na rowerze. To co potrzeba jest niżej, w "Codepoints".
PS Przy okazji okazało się, że filtrowanie przy wstawianiu kodu programu jest po wielokroć zepsute, tak bardzo, że aż nie mam siły o tym pisać. Musiałem się wybitnie namęczyć by napisać tę wiadomość. I jak tylko przyjdzie mi do głowy ją edytować, to natychmiast się rozsypie. Bug na bugu, niestety .
SlaBo
