Online rich-text editor
En onlineredigerare för rik text är gränssnittet för redigering av rik text i webbläsare , som ger användaren ett redigeringsområde för "vad-du-ser-är-vad-du-får" ( WYSIWYG). Syftet är att minska ansträngningen för användare som försöker uttrycka sin formatering direkt som giltig HTML-kod .
Även om mycket tidiga webbläsare kunde visa rik text, var användardatainmatning begränsad till textrutor med ett enda teckensnitt och stil (implementerad med HTML-elementet <textarea> ).
Internet Explorer var först med att lägga till ett speciellt "designMode" som gjorde att formaterade delar av ett dokument kunde redigeras av användaren med hjälp av en markör . Mozilla följde efter i version 1.3, och de flesta större webbläsare implementerar nu denna informella standard i viss kapacitet.
Den tekniska kapacitet som behövs för att implementera en online-rich text-redigerare täcktes inte av W3C- specifikationerna för HTML4 . Ändå har populära tjänster som Gmail och WordPress förlitat sig på rich text-redigering som deras huvudsakliga användargränssnitt. Med HTML5 gjordes viss standardisering på en DOM-egenskap som heter "contentEditable" – som liknar Internet Explorers ursprungliga tillägg. Många av onlinekontorssviterna tenderar att tillhandahålla textredigerings- och formateringsfunktioner online.
Närma sig
Majoriteten av online-rich text-redigerare använder ett iframe- element för innehållsområdet. På så sätt är innehållet i redigeraren skilt från resten av sidan, eftersom det finns i ett annat dokument. Fördelen med denna separation är att redigeraren kan användas var som helst på webbplatsen (t.ex. i ett administratörsområde) samtidigt som de bibehåller innehållsstilarna som användarna förväntar sig att se när innehållet publiceras (t.ex. i ett offentligt område).
Vissa redaktörer använder div -element för sitt innehållsområde. På så sätt ärver editorns innehåll samma stil som resten av sidan, eftersom det är i samma dokument. Det här tillvägagångssättet används främst när användarna behöver redigera innehåll "på plats", vilket bevarar sidans övergripande layout. Exempel på sådana "på plats"-redigerare är DotNetNuke CMS.
Genomföranden
Inline-redigerare skiljer sig från vanliga redigerare eftersom de kan redigera innehållet direkt, utan att placera det i ett annat element, ofta med ett " contenteditable"
-attribut. Dessa redaktörer inkluderar Aloha Editor, CKEditor , SnapEditor och TinyMCE . Redaktörer som använder en iframe , för att undvika stilkonflikter, inkluderar CKEditor , Dijit Editor och TinyMCE .