MediumEditor - Inline teksta rediģēšanas rīkjosla tīmeklī
Visi zina Medium.com un viņu nevainojami populāro blogu platformu. Viņi daudzas idejas dizaina pasaulē un jūs varat atrast daudz apmācības, kas māca, kā klonēt to dizainu.
Viens instruments, kas jums varētu būt, ir MediumEditor spraudnis pamatojoties uz tīru JavaScript. Tas ļauj jums pievienojiet pielāgotu teksta teksta redaktoru uz jebkuru lapu tādā pašā dizainā kā vidējā emuāra vietne. Tātad, jūs varat ļaut lasītājiem treknrakstā, slīprakstā, pievienot saites, galvenes un diezgan daudz ko citu, ar vienkāršu vizuālo rīkjoslu.
Ņemiet vērā, ka šis projekts nekādā veidā nav saistīts ar Medium, tāpēc tas ir nav oficiāls spraudnis.
To radīja vietnes ventilators un kāds, kurš mīl vidēja dizaina stilu. Jūs varat uzziniet vairāk par GitHub iestatīšanu kas glabā visu kodu, pilnīgi bez maksas.
Redaktors darbojas visās galvenajās pārlūkprogrammās, ieskaitot pašreizējo Microsoft Edge un IE versiju. Tā pat atbalsta vecākās Internet Explorer versijas, kas datētas ar IE7. Crazy!
Uzstādīšana ir brīze, kur var velciet visus failus tieši caur npm vai Bower vai pat izmantot bezmaksas tiešsaistes CDN piemēram, JSDelivr.
Tad jūsdd gan CSS, gan JavaScript failus jūsu vietnes galvenē. Vieglāk par vieglu.
No turienes jūs zvaniet redaktoram ar vienu kodu:
var editor = new MediumEditor ('. rediģējams'); Jūs varat nododiet lapu elementu sarakstu kas darbojas tikai kopā ar redaktoru vai varat ļaujiet tai darboties visā lapā.
Iespējams, šī spraudņa praktiskākā izmantošana ir izveidot kādu WYSIWYG redaktoru tīmekļa lietotnei.
Tā neapstrādā nodošanas datus atpakaļ un tālāk starp serveri un klientu, tāpēc jums ir jāizveido šī loģika. Tomēr šis spraudnis ir tik daudz vieglāk, nekā sākot no nulles.
Ja ritiniet līdz MediumEditor demo lapas apakšai, jūs atradīsiet a paplašinājumu saraksts jūs varat arī pārbaudīt. Tie ietver pilnīga iezīmēšanas rediģēšana, kopā ar Vidēja stila pogas un citas saskarnes funkcijas.
Šis spraudnis ir ļoti ieteicams visiem Medium faniem, kuri vēlas kopēt dažus no UX citā projektā.
