przyciski kolorowania kodu

1

@Adam Boduch mam taką propozycję aby przyciski kolorowania składni (dla kodu ze znaczników code bez wyszczególnienia języka) przenieść nad ramkę z kodem (dodać tam domyślnie pusta przestrzeń taką jak jest pod ramką z kodem). Jeśli chce się zaznaczyć kawałek tekstu, który jest akurat w tym miejscu, gdzie są te guziki to trzeba się nagimnastykować.
Tak jest teraz:
user image
a tak by mogło być:
user image

0

Dzięki za zgłoszenie. Rzeczywiście, w takim przypadku, jaki zaprezentowałeś może to być nieco uciążliwe, natomiast masz rację, że trzeba by było wówczas zwiększyć górny margines "ramki" z kodem źródłowym. Ten dolny margines, o którym wspominasz nie jest bowiem planowaną funkcją a efekt naciśnięcia 2x klawisza enter :) Mam na myśli, że nie jest to margines nadawany przez CSS :)


Adipiscing quis augue hac facilisis nunc tortor, natoque facilisis vut sagittis et sed! Natoque montes nec pulvinar et hac? Vel tincidunt penatibus! Cursus sociis et auctor, lorem est mattis nisi magna tempor sociis scelerisque porttitor, mus? Purus nunc mauris sit? Dictumst ultricies, augue risus ut tincidunt montes ultricies integer, tincidunt augue duis mid dolor elementum. Turpis phasellus ultrices nunc, nunc nascetur elementum lorem eros, duis, ac enim, aliquet non! Est mauris. Vel dictumst lorem tristique, tincidunt penatibus est mauris, sit aenean integer lectus et dapibus. Est rhoncus non nisi elit velit lacus ultricies?

Magna porta dis amet, sit parturient integer penatibus, integer, amet eros tortor lorem tincidunt nisi! Et, quis. Mus, aliquam placerat, cras enim? Ac est elementum! Velit dapibus amet? Augue et porttitor magnis magna auctor! Etiam a. Placerat scelerisque! Augue non, in pulvinar cum facilisis, eros natoque tincidunt! Ridiculus risus, phasellus eros, aliquet! Lacus aenean? Sed, augue in! Natoque rhoncus tristique, aliquam augue ac mus integer habitasse, ridiculus habitasse purus enim, nec adipiscing! Augue elementum nec scelerisque ultrices scelerisque quis tortor? Natoque pellentesque cras aliquet, magnis et nisi sagittis, arcu lundium eros auctor massa! Turpis ut lorem? Amet! Montes nec! Augue.

Adipiscing quis augue hac facilisis nunc tortor, natoque facilisis vut sagittis et sed! Natoque montes nec pulvinar et hac? Vel tincidunt penatibus! Cursus sociis et auctor, lorem est mattis nisi magna tempor sociis scelerisque porttitor, mus? Purus nunc mauris sit? Dictumst ultricies, augue risus ut tincidunt montes ultricies integer, tincidunt augue duis mid dolor elementum. Turpis phasellus ultrices nunc, nunc nascetur elementum lorem eros, duis, ac enim, aliquet non! Est mauris. Vel dictumst lorem tristique, tincidunt penatibus est mauris, sit aenean integer lectus et dapibus. Est rhoncus non nisi elit velit lacus ultricies? Platea amet, velit adipiscing porta porta.

Adipiscing quis augue hac facilisis nunc tortor, natoque facilisis vut sagittis et sed! Natoque montes nec pulvinar et hac? Vel tincidunt penatibus! Cursus sociis et auctor, lorem est mattis nisi magna tempor sociis scelerisque porttitor, mus? Purus nunc mauris sit? Dictumst ultricies, augue risus ut tincidunt montes ultricies integer, tincidunt augue duis mid dolor elementum. Turpis phasellus ultrices nunc, nunc nascetur elementum lorem eros, duis, ac enim, aliquet non! Est mauris. Vel dictumst lorem tristique, tincidunt penatibus est mauris, sit aenean integer lectus et dapibus. Est rhoncus non nisi elit velit lacus ultricies? Platea amet, velit adipiscing porta porta.

0
napisał(a):

Ten dolny margines, o którym wspominasz nie jest bowiem planowaną funkcją a efekt naciśnięcia 2x klawisza enter :) Mam na myśli, że nie jest to margines nadawany przez CSS :)

Albo nie masz racji Adamie albo na operze (na IE pokazuje zresztą tak samo) inaczej pokazuje

Tak wygląda źródło i ja tam nigdzie nie widzę podwójnego entera (chyba że mówimy o czymś innym)

user image

a taki jest efekt końcowy

user image

i tak jest odkąd pamiętam

0

Tak, za </code> masz \n :) Jest on zamieniany na <br /> w procesie parsowania :)

0

@abrakadaber
f37d88da31.png
Tak na FF wygląda Twój test.
W kodzie <br> jest przed <pre> ale nie ma go za </pre>

0

Dlatego żeby było równo, trzeba przed znacznikami <code> dać pustą linię, a po już nie:

foo foo foo
bald bald bald
bar bar bar

Dzięki temu odstępy nad i pod polem kodu będą równe:

text.png
post.png


PS. Dlaczego zawartość znaczników <code>``</code> jest parsowana? Nie można w nich podać innego znacznika, bo zostanie normalnie sparsowany.

1 użytkowników online, w tym zalogowanych: 0, gości: 1