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

Prosty znacznik wyróżniający objęty fragment kodu #236

Draft
wants to merge 5 commits into
base: master
Choose a base branch
from

Conversation

ScriptyChris
Copy link
Member

@ScriptyChris ScriptyChris commented Dec 31, 2020

Zdarzają się sytuacje, gdy potrzeba napisać fragment kodu źródłowego na tyle krótki, że można go umieścić w jednej linii z normalnym tekstem, a wstawienie go w specjalny bloczek wydaje się nadmiarowe. Można wyróżnić fragment takiego kodu np. pogrubieniem lub umownie objąć go w backticki "`", ale wg mnie nie jest to precyzyjne wyróżnienie dla kodu w otoczeniu pozostałej treści posta.

Napisałem w miarę prosty plugin do CKEditora, który owija wybrany tekst w element <code>, odpowiednio go stylując. [Ro]zwijanie odbywa się przy użyciu przycisku, który znajduje się po lewej stronie przycisku służącego do wstawiania pełnoprawnego bloczka z kodem; można też użyć ficzera poprzez skrót klawiszowy Ctrl + K.

Efekt widoczny poniżej.

P.S. Zmieniłem dwie wartości w pliku dump.sql, ze względu na obecność konfiguracji CKEditora, więc zapewne przed uruchomieniem kodu trzeba sobie przebudować bazę.

Screen:
image

Wideo:

demo-prosty-bloczek-z-kodem.mp4

@awaluk
Copy link
Member

awaluk commented Jan 3, 2021

  • Ikonka nie działa, jest pusty kwadracik na pasku zamiast obrazka.
  • Dałoby radę zrobić tak, aby guzik wstawiania był podświetlony w momencie, gdy fragment w którym stoi kursor był znacznikiem kodu? Tak działa np. pogrubienie, podkreślenie itp. Wtedy od razu widać co jest włączone w danym miejscu.
  • Gdy się zaznaczy konkretny fragment i wstawi to jest spoko, ale gdy się kliknie dwukrotnie na tekst tak, aby zaznaczyła się cała i wstawi wstawkę, to wtedy jakby usuwał się znak końca linii i kolejna linia wchodzi wyżej.
  • Dodałem pytanie z wstawką, wyświetliła się ok, wszedłem w edycję i wstawki już nie widać.
  • Wydaje mi się, że trzeba jakoś ograniczyć formatowanie wewnątrz takiego małego bloczku z kodem. Teoretycznie to problem kogoś jak coś tam wstawi, ale że można to doprowadzić aż do czegoś jak niżej to chyba trochę nie bardzo
    Zrzut ekranu z 2021-01-03 19-03-30
  • Nie jestem przekonany co do koloru tła tej wstawki - na jasnym motywie bardzo się wyróżnia, nawet w porównaniu z dużym bloczkiem, choć no pasuje z przyciskami, a na ciemnym z kolei w ogóle nie pasuje mi do niczego, taki kolor nie występuje nigdzie na stronie, wygląda jakby za jasno?
  • Wydaje mi się też, że stylizacja tego elementu wstawki nie powinna być robiona inline. A to dlatego, że zapiszemy to tak do bazy i gdy za rok będziemy chcieli zmienić kolor albo cokolwiek, to będzie trzeba przeorać całą bazę, a tak wystarczyłaby po prostu zmiana w pliku CSS.

@ScriptyChris ScriptyChris marked this pull request as draft January 12, 2021 22:51
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants