#3203 - quill

inc/js/editor.quill.js

@@ -88,6 +88,26 @@ function bx_editor_init(oEditor, oParams){
     }
 
     oEditor = new Quill('#' + oParams.name, oConfig)
+    $(oParams.selector).next().find('button.ql-bold').attr('title', _t('_sys_txt_quill_tooltip_bold'));
+    $(oParams.selector).next().find('button.ql-italic').attr('title', _t('_sys_txt_quill_tooltip_italic'));
+    $(oParams.selector).next().find('button.ql-underline').attr('title', _t('_sys_txt_quill_tooltip_underline'));
+    $(oParams.selector).next().find('button.ql-clean').attr('title', _t('_sys_txt_quill_tooltip_clean'));
+    $(oParams.selector).next().find('button.ql-list[value = "ordered"]').attr('title', _t('_sys_txt_quill_tooltip_list_ordered'));
+    $(oParams.selector).next().find('button.ql-list[value = "bullet"]').attr('title', _t('_sys_txt_quill_tooltip_list_bullet'));
+    $(oParams.selector).next().find('button.ql-indent[value = "-1"]').attr('title', _t('_sys_txt_quill_tooltip_indent_1'));
+    $(oParams.selector).next().find('button.ql-indent[value = "+1"]').attr('title', _t('_sys_txt_quill_tooltip_indent_2'));
+    $(oParams.selector).next().find('button.ql-blockquote').attr('title', _t('_sys_txt_quill_tooltip_blockquote'));
+    $(oParams.selector).next().find('button.ql-direction').attr('title', _t('_sys_txt_quill_tooltip_direction'));
+    $(oParams.selector).next().find('button.ql-script[value="sub"]').attr('title', _t('_sys_txt_quill_tooltip_script_sub'));
+    $(oParams.selector).next().find('button.ql-script[value="super"]').attr('title', _t('_sys_txt_quill_tooltip_script_super'));
+    $(oParams.selector).next().find('button.ql-link').attr('title', _t('_sys_txt_quill_tooltip_link'));
+    $(oParams.selector).next().find('button.ql-image').attr('title', _t('_sys_txt_quill_tooltip_image'));
+    $(oParams.selector).next().find('button.ql-code-block').attr('title', _t('_sys_txt_quill_tooltip_code_block'));
+    $(oParams.selector).next().find('span.ql-color').attr('title', _t('_sys_txt_quill_tooltip_color'));
+    $(oParams.selector).next().find('span.ql-background').attr('title', _t('_sys_txt_quill_tooltip_background'));
+    $(oParams.selector).next().find('span.ql-align').attr('title', _t('_sys_txt_quill_tooltip_align'));
+    $(oParams.selector).next().find('span.ql-header').attr('title', _t('_sys_txt_quill_tooltip_header'));
+     
     
     oEditor.keyboard.addBinding({
         key: ' ',

modules/boonex/english/data/langs/system/en.xml

@@ -3548,5 +3548,27 @@ If it is not enabled then please consider implement this optimization, since it
 	<string name="_adm_form_txt_groups_role_edit_any"><![CDATA[Edit any entry]]></string>
 	<string name="_adm_form_txt_groups_role_delete_any"><![CDATA[Delete any entry]]></string>
 	<string name="_adm_form_txt_groups_role_pin"><![CDATA[Pin entry]]></string>
+    
+    <string name="_sys_txt_quill_tooltip_bold"><![CDATA[Add bold text <cmd+b>]]></string>
+    <string name="_sys_txt_quill_tooltip_italic"><![CDATA[Add italic text <cmd+i>]]></string>
+    <string name="_sys_txt_quill_tooltip_underline"><![CDATA[Add underline text <cmd+u>]]></string>
+    <string name="_sys_txt_quill_tooltip_clean"><![CDATA[Clear format]]></string>
+    <string name="_sys_txt_quill_tooltip_list_ordered"><![CDATA[Numbered list]]></string>
+    <string name="_sys_txt_quill_tooltip_list_bullet"><![CDATA[Bulleted list]]></string>
+    <string name="_sys_txt_quill_tooltip_indent_1"><![CDATA[Decrease indent]]></string>
+    <string name="_sys_txt_quill_tooltip_indent_2"><![CDATA[Increase indent]]></string>
+    <string name="_sys_txt_quill_tooltip_blockquote"><![CDATA[Add blockquote]]></string>
+    <string name="_sys_txt_quill_tooltip_direction"><![CDATA[Text direction]]></string>
+    <string name="_sys_txt_quill_tooltip_script_sub"><![CDATA[Subscript]]></string>
+    <string name="_sys_txt_quill_tooltip_script_super"><![CDATA[Superscript]]></string>
+    <string name="_sys_txt_quill_tooltip_link"><![CDATA[Insert a link]]></string>
+    <string name="_sys_txt_quill_tooltip_image"><![CDATA[Insert an image]]></string>
+    <string name="_sys_txt_quill_tooltip_code_block"><![CDATA[Add code]]></string>
+    
+    <string name="_sys_txt_quill_tooltip_color"><![CDATA[Select a text color]]></string>
+    <string name="_sys_txt_quill_tooltip_background"><![CDATA[Select a background color]]></string>
+    <string name="_sys_txt_quill_tooltip_align"><![CDATA[Text alignment]]></string>
+    <string name="_sys_txt_quill_tooltip_header"><![CDATA[Select the text style]]></string>
+    
 </resources>
 

template/scripts/BxBaseEditorQuill.php

@@ -93,7 +93,27 @@ class BxBaseEditorQuill extends BxDolEditor
         ));
         
         $sEditorName = 'quill_' . str_replace(['-', ' '], '_', $aAttrs['form_id'] . '_' . $aAttrs['element_name']);
-        
+        $this->_oTemplate->addJsTranslation([
+            '_sys_txt_quill_tooltip_bold',
+            '_sys_txt_quill_tooltip_italic',
+            '_sys_txt_quill_tooltip_underline',
+            '_sys_txt_quill_tooltip_clean',
+            '_sys_txt_quill_tooltip_list_ordered',
+            '_sys_txt_quill_tooltip_list_bullet',
+            '_sys_txt_quill_tooltip_indent_1',
+            '_sys_txt_quill_tooltip_indent_2',
+            '_sys_txt_quill_tooltip_blockquote',
+            '_sys_txt_quill_tooltip_direction',
+            '_sys_txt_quill_tooltip_script_sub',
+            '_sys_txt_quill_tooltip_script_super',
+            '_sys_txt_quill_tooltip_link',
+            '_sys_txt_quill_tooltip_image',
+            '_sys_txt_quill_tooltip_code_block',
+            '_sys_txt_quill_tooltip_color',
+            '_sys_txt_quill_tooltip_background',
+            '_sys_txt_quill_tooltip_align',
+            '_sys_txt_quill_tooltip_header',
+        ]);
         // initialize editor
         $sInitEditor = $this->_replaceMarkers(self::$CONF_COMMON, array(
             'bx_var_custom_init' => $sCustomInit,