Localization

10 Aug 201720 minutes to read

The editor provides option to localize its strings, it is used to adapting the editor to a particular local language. By default, the editor will use the US English (en-US) as its language. Please find the table with list of keys and their corresponding values for default language (en-US).

  • JAVASCRIPT
  • ej.RTE.Locale["en-US"] = {
        
           bold: "Bold",
            italic: "Italic",
            underline: "Underline",
            strikethrough: "Strikethrough",
            superscript: "Superscript",
            subscript: "Subscript",
            justifyCenter: "Align text center",
            justifyLeft: "Align text left",
            justifyRight: "Align text right",
            justifyFull: "Justify",
            unorderedList: "Insert unordered list",
            orderedList: "Insert ordered list",
            indent: "Increase Indent",
            fileBrowser: "File Browser",
            outdent: "Decrease Indent",
            cut: "Cut",
            copy: "Copy",
            paste: "Paste",
            paragraph: "Paragraph",
            undo: "Undo",
            redo: "Redo",
            upperCase: "Upper Case",
            lowerCase: "Lower Case",
            clearAll: "Clear All",
            clearFormat: "Clear Format",
            createLink: "Insert/Edit Hyperlink",
            removeLink: "Remove Hyperlink",
            tableProperties: "Table Properties",
            insertTable: "Insert",
            deleteTables: "Delete",
            imageProperties: "Image Properties",
            openLink: "Open Hyperlink",
            image: "Insert image",
            video: "Insert video",
            editTable: "Edit Table Properties",
            embedVideo: "Paste your embed code below",
            viewHtml: "View HTML",
            fontName: "Select font family",
            fontSize: "Select font size",
            fontColor: "Select color",
            format: "Format",
            backgroundColor: "Background color",
            style: "Styles",
            deleteAlert: "Are you sure you want to clear all the contents?",
            copyAlert: "Your browser doesn't support direct access to the clipboard. Please use the Ctrl+C keyboard shortcut instead of copy operation.",
            pasteAlert:"Your browser doesn't support direct access to the clipboard. Please use the Ctrl+V keyboard shortcut instead of paste operation.",
    		cutAlert:"Your browser doesn't support direct access to the clipboard. Please use the Ctrl+X keyboard shortcut instead of cut operation.",
            videoError: "The text area can not be empty",
            imageWebUrl: "Web Address",
            imageAltText: "Alternate text",
            dimensions: "Dimensions",
            constrainProportions: "Constrain Proportions",
            linkWebUrl: "Web Address",
            imageLink: "Image as Link",
            imageBorder: "Image Border",
            imageStyle: "Style",
            linkText: "Text",
            linkToolTip: "Tooltip",
            html5Support: "This tool icon only enabled in HTML5 supported browsers",
            linkOpenInNewWindow: "Open link in new window",
            tableColumns: "No.of Columns",
            tableRows: "No.of Rows",
            tableWidth: "Width",
            tableHeight: "Height",
            tableCellSpacing: "Cell spacing",
            tableCellPadding: "Cell padding",
            tableBorder: "Border",
            tableCaption: "Caption",
            tableAlignment: "Alignment",
            textAlign: "Text align",
            dialogUpdate: "Update",
            dialogInsert: "Insert",
            dialogCancel: "Cancel",
            dialogApply: "Apply",
            dialogOk: "Ok",
            createTable: "Insert Table",
            insertTable:"Insert",
            addColumnLeft: "Insert Columns to the Left",
            addColumnRight: "Insert  Columns to the Right",
            addRowAbove: "Insert Rows Above",
            addRowBelow: "Insert Rows Below",
            deleteRow: "Delete entire row",
            deleteColumn: "Delete entire column",
            deleteTable: "Delete Table",
            customTable: "Create custom table...",
            characters: "Characters",
            words: "Words",
            general: "General",
            advanced: "Advanced",
            table: "Table",
            row: "Row",
            column: "Column",
            cell: "Cell",
            solid: "Solid",
            dotted: "Dotted",
            dashed: "Dashed",
            doubled: "Double",
    		maximize: "Maximize",
    		resize: "Minimize",
    		swatches: "Swatches",
    		paragraph:"Paragraph",
    		quotation:"Quotation",
    		heading1:"Heading 1",
    		heading2:"Heading 2",
    		heading3:"Heading 3",
    		heading4:"Heading 4",
    		heading5:"Heading 5",
    		heading6:"Heading 6",
    		segoeui:"Segoe UI",
    		arial:"Arial",
    		couriernew:"Courier New",
    		georgia:"Georgia",
    		impact:"Impact",
    		lucidaconsole:"Lucida Console",
    		tahoma:"Tahoma",
    		timesnewroman:"Times New Roman",
    		trebuchetms:"Trebuchet MS",
    		verdana:"Verdana",
    		disc:"Disc",
    		circle:"Circle",
    		square:"Square",
    		number:"Number",
    		loweralpha:"Lower Alpha",
    		upperalpha:"Upper Alpha",
    		lowerroman:"Lower Roman",
    		upperroman:"Upper Roman",
    		none:"None",
    		linktooltip:"ctrl + click to follow link",
    		charSpace: "Characters (with spaces)",
    		charNoSpace: "Characters (no spaces)",
    		wordCount: "Word Count",
    		left:"Left",
    		right:"Right",
    		center:"Center",
    		zoomIn: "Zoom In",
    		zoomOut: "Zoom Out",
    		print: "Print",
    		FindAndReplace:"Find and Replace",
    		Find:"Find",
    		MatchCase:"Match Case",
    		WholeWord:"Whole Word",	
    		ReplaceWith:"Replace with",		
    		Replace:"Replace",
    		ReplaceAll:"Replace All",
    		FindErrorMsg:"Couldn't find the specified word."
        };
        var format = [
        { text: "Paragraph", value: "p", spriteCssClass: "e-paragraph" },
        { text: "Quotation", value: "blockquote", spriteCssClass: "e-quotation" },
        { text: "Heading 1", value: "h1", spriteCssClass: "e-h1" },
        { text: "Heading 2", value: "h2", spriteCssClass: "e-h2" },
        { text: "Heading 3", value: "h3", spriteCssClass: "e-h3" },
        { text: "Heading 4", value: "h4", spriteCssClass: "e-h4" },
        { text: "Heading 5", value: "h5", spriteCssClass: "e-h5" },
        { text: "Heading 6", value: "h6", spriteCssClass: "e-h6" }
        ];

    NOTE

    The culture name has to be specified in a standard format such as [Language Code]-[County/Region Code].

    To localize the editor’s strings with your own localization, copy the default language informations and localize the strings in the values column. For example, to localize the editor in German language (“de-DE”).

  • JAVASCRIPT
  • ej.RTE.Locale["de-DE"] = {
            
            bold: "fett",
                italic: "kursiv",
                underline: "unterstreichen",
                strikethrough: "Durchgestrichen",
                superscript: "Überschrift",
                subscript: "Index",
                justifyCenter: "Text-Zentrum",
                justifyLeft: "Ausrichten von Text links",
                justifyRight: "Ausrichten von Text rechts",
                justifyFull: "rechtfertigen",
                fileBrowser: "Datei-Browser",
                unorderedList: "Legen Sie ungeordnete Liste",
                orderedList: "Geordnete Liste einfügen",
                indent: "Einzug",
                outdent: "Einzug verkleinern",
    			cut: "schneiden",
    			copy: "Kopieren",
    			paste: "Paste",
                undo: "lösen",
                redo: "Wiederherstellen",
    			upperCase: "Großbuchstaben",
    			lowerCase: "Kleinbuchstaben",
                clearAll: "Alles",
                clearFormat: "Klar Format",
                createLink: "Einfügen / Hyperlink Bearbeiten",
    			removeLink:"fjern Hyperlink",
    			tableProperties: "Tabelleneigenschaften",
    			insertTable: "Einfügen",
    			deleteTables: "Löschen",
    			imageProperties: "Bildeigenschaften",
    			openLink: "Verbindung öffnen",
                image: "Bild einfügen",
                video: "Legen Video",
                embedVideo: "Fügen Sie den Embed-Code unten",
                viewHtml: "Blick HTML",
    			fontName: "Wählen Sie Schriftfamilie",
    			fontSize: "Wählen Sie Schriftgröße",
    			fontColor: "Wählen Sie die Farbe",
                format: "Format",
    			backgroundColor: "Hintergrundfarbe",
    			style: "Styles",
                deleteAlert: "Sind Sie sicher, dass Sie alle Inhalte löschen?",
    			copyAlert: "Ihr Browser unterstützt leider keinen direkten Zugriff auf die Zwischenablage. Bitte verwenden Sie die Ctrl + C -Tastatur statt Kopiervorgang Verknüpfung .",
    			pasteAlert:"Ihr Browser unterstützt leider keinen direkten Zugriff auf die Zwischenablage. Bitte verwenden Sie die Ctrl + V Tastenkombination statt Einfügen.",
    			cutAlert:"Ihr Browser unterstützt leider keinen direkten Zugriff auf die Zwischenablage. Bitte verwenden Sie die Ctrl + X Tastenkombination statt Schneidevorgang.",
                videoError: "Der Textbereich darf nicht leer sein",
                imageWebUrl: "Webadresse",
                imageAltText: "Bildbeschreibung",
                dimensions: "Größe",
                constrainProportions: "Proportionen",
                linkWebUrl: "Webadresse",
                linkText: "Text",
                linkToolTip: "Tooltip",
                html5Support: "Dieses Werkzeug-Symbol nur in HTML5 aktiviert unterstützten Browser",
                linkOpenInNewWindow: "Link in einem neuen Fenster",
                tableColumns: "Spalten",
                tableRows: "Zeilen",
                solid: "solide",
                dashed: "gestippelde",
                dotted: "stippel",
                doubled: "dubbele",
                buttonApply: "toepassen",
                buttonCancel: "annuleren",
                closeIcon: "dicht",
                tableWidth: "Tischbreite",
                tableHeight: "Tischhöhe",
                tableCellSpacing: "Zellenabstand",
                tableCellPadding: "Zellauffüllung",
                tableBorder: "Grenze",
                tableCaption: "Beschriftung",
                tableAlignment: "Ausrichtung",
                dialogUpdate: "Aktualisierung",
                dialogInsert: "einfügen",
                dialogCancel: "stornieren",
                dialogOk: "Ok",
                createTable: "Tabelle erstellen",
                addColumnLeft: "Spalte links hinzufügen",
                addColumnRight: "In Spalte auf der rechten",
                addRowAbove: "Zeile hinzufügen oben",
                addRowBelow: "Zeile hinzufügen unten",
                deleteRow: "Löschen Sie die Zeile",
                deleteColumn: "Löschen Sie die Spalte",
                deleteTable: "Löschen Sie die Tabelle",
    			insertTable:"Einfügen",
                customTable: "von benutzerdefinierten Tabelle",
                characters: "Charaktere",
                dialogApply: "anwenden",
                textAlign: "Text ausrichten",
                imageLink: "Bild als Link zu",
                imageBorder: "Bild Rand",
                imageStyle: "Stil",
                editTable: "Tabelle Eigenschaften bearbeiten",
    			words: "Wörter",
                general: "allgemein",
                advanced: "fortgeschritten",
                table: "Tisch",
                row: "Reihe",
                column: "Spalte",
                cell: "Zelle",
    			maximize:"Maximieren",
    		    resize: "Minimieren",
    			swatches: "Farbfelder",
    			paragraph:"Absatz",
    		    quotation:"Zitat",
    		    heading1:"Kopf 1",
    		    heading2:"Kopf 2",
    		    heading3:"Kopf 3",
    		    heading4:"Kopf 4",
    		    heading5:"Kopf 5",
    		    heading6:"Kopf 6",
    			disc:"Scheibe",
    		    circle:"Kreis",
    		    square:"Platz",
    		    number:"Anzahl",
    		    loweralpha:"Lower Alpha",
    		    upperalpha:"Ober Alpha",
    		    lowerroman:"Lower Roman",
    		    upperroman:"Ober Roman",
    		    none:"Keine",
    			linktooltip:"ctrl + Klick Link zu folgen",
    			charSpace: "Zeichen (mit Leerzeichen )",
    			charNoSpace: "Zeichen (ohne Leerzeichen)",
    			wordCount: "Wortzahl",
    			right:"Recht",
    			left:"links",
    			center:"Center",
    			FindAndReplace:"Suchen und Ersetzen",
    			Find:"Finden",
    			MatchCase:"Kleinschreibung",
    			WholeWord:"Ganze Welt",	
    			ReplaceWith:"Ersetzen mit",		
    			Replace:"Ersetzen",
    			ReplaceAll:"Alles ersetzen",
    			FindErrorMsg:"Konnte den angegebenen Wort gefunden ."
        };
        var format_DE = [
        { text: "Absatz", value: "p", spriteCssClass: "e-paragraph" },
        { text: "Zitat", value: "blockquote", spriteCssClass: "e-quotation" },
        { text: "Kopf 1", value: "h1", spriteCssClass: "e-h1" },
        { text: "Kopf 2", value: "h2", spriteCssClass: "e-h2" },
        { text: "Kopf 3", value: "h3", spriteCssClass: "e-h3" },
        { text: "Kopf 4", value: "h4", spriteCssClass: "e-h4" },
        { text: "Kopf 5", value: "h5", spriteCssClass: "e-h5" },
        { text: "Kopf 6", value: "h6", spriteCssClass: "e-h6" }
        ];

    You can set the locale property of the editor to the new language.

  • HTML
  • <textarea id="editor"></textarea>
    
    <script type="text/javascript">
    
        $("#editor").ejRTE({
            value: "Das RichTextEditor (RTE) Steuerung ermöglicht Ihnen, den Inhalt mit Einsatz Tisch und Bilder zu bearbeiten ," +
            " sondern bietet auch eine Werkzeugleiste , die Rich-Text- Format ," +
            " um die in der Textarea eingegeben Gehalt gelten können.",
            locale: "de-DE", format: format_DE
        });
    </script>