Úvodná » toolkit » MediumEditor - Panel nástrojov na úpravu textov v reálnom čase pre web

    MediumEditor - Panel nástrojov na úpravu textov v reálnom čase pre web

    Každý vie Medium.com a ich divoko populárnu platformu pre blogovanie. oni predefinovala veľa myšlienok v dizajnovom svete a môžete nájsť veľa tutoriálov, ktoré vás naučia klonovať svoje návrhy.

    Jedným z najvhodnejších nástrojov je MediumEditor plugin založené na čistom jazyku JavaScript. To vám umožní pridajte vlastný textový editor na ľubovoľnú stránku v rovnakom dizajne ako na blogovom stredisku Medium. Takže môžete nechať čitateľov odvážne, kurzívou, pridávať odkazy, hlavičky a skoro všetko ostatné, s jednoduchým vizuálnym panelom nástrojov.

    Upozorňujeme, že tento projekt nie je v žiadnom prípade spojený so spoločnosťou Medium nie je oficiálny plugin.

    Bol vytvorený fanúšikom stránky a niekým, kto miluje dizajn stredného dizajnu. Môžeš dozviete sa viac o nastavení na GitHub ktorý ukladá všetok kód, úplne zadarmo na použitie.

    Editor funguje vo všetkých hlavných prehliadačoch, vrátane aktuálnej verzie Microsoft Edge a IE. Podporuje aj staršie verzie programu Internet Explorer, ktoré sa datujú od IE7. bláznivý!

    Inštalácia je vietor, kde môžete vytiahnite všetky súbory priamo cez npm alebo Bower, alebo dokonca použite bezplatný online CDN ako napríklad JSDelivr.

    Potom budete add súbory CSS a JavaScript do záhlavia vašej webovej lokality. Ľahunké.

    Odtiaľto vy zavolajte editora s jedným riadkom kódu:

     var editor = nový MediumEditor ('editovateľný'); 

    Môžeš prejdite zoznam prvkov stránky to by malo pracovať len s editorom, alebo môžete nechajte to behať po celej stránke.

    Pravdepodobne najviac praktické použitie tohto pluginu je vytvoriť nejaký typ editora WYSIWYG pre webovú aplikáciu.

    to nezabezpečuje prenášanie údajov späť a dozadu medzi serverom a klientom, takže musíte túto logiku vytvoriť sami. Napriek tomu je tento doplnok oveľa jednoduchší ako od začiatku.

    Ak prejdete na spodnú stranu demoverzie stránky MediumEditor, nájdete a zoznam rozšírení môžete tiež otestovať. Tie obsahujú úplné úpravy značkovania, spolu s Tlačidlá stredného štýlu a ďalšie funkcie rozhrania.

    Tento doplnok je vysoko odporúčaný pre všetkých fanúšikov Medium, ktorí chcú replikovať niektoré zo svojich UX v inom projekte.