Subversion Repositories wimsdev

Rev

Rev 15568 | Blame | Compare with Previous | Last modification | View Log | RSS feed

  1. !! insert this before `!header` : `!read js/external/tinymce.phtml xxxx`
  2. !!  with xxxx pointing to an existing DOM element (a textarea)
  3.  
  4. !if $wims_read_parm!=
  5.  
  6.   !if createxo isin $module
  7.     !set iEdit_plugins=code help lists
  8.     !set iEdit_toolbar=undo redo | styles aligncenter | bold italic strikethrough | subscript superscript | hr link | bullist numlist | removeformat | code | help
  9.     !set iEdit_formats=formats: {\
  10.         /*oef_indgood: { inline: 'span', classes: 'oef_indgood', exact: true },\
  11.         oef_indbad: { inline: 'span', classes: 'oef_indbad', exact: true },\
  12.         oef_indpartial: { inline: 'span', classes: 'oef_indpartial' },\
  13.         oef_indforget: { inline: 'span', classes: 'oef_indforget' },*/\
  14.         aligncenter: { selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'wimscenter' },\
  15.         wims_instruction: { block: 'div', classes: 'wims_instruction'},\
  16.         /*wims_msg_success: { block: 'div', classes: 'wims_msg success'},\
  17.         wims_msg_alert: { block: 'div', classes: 'wims_msg alert'},\
  18.         wims_msg_warning: { block: 'div', classes: 'wims_msg warning'},\
  19.         wims_msg_info: { block: 'div', classes: 'wims_msg info'},\
  20.         wims_msg_help: { block: 'div', classes: 'wims_msg help'},*/\
  21.         wims_difficultylevel: { inline: 'span', classes: 'wims_difficultylevel'},\
  22.         wims_emph: { inline: 'span', classes: 'wims_emph'},\
  23.         wims_smallhelp: { block: 'div', classes: 'wims_smallhelp'},\
  24.         wims_question: { block: 'div', classes: 'wims_question'},\
  25.         wims_color1: { block: 'div', classes: 'wims_color1'},\
  26.         wims_color2: { block: 'div', classes: 'wims_color2'},\
  27.         wims_color3: { block: 'div', classes: 'wims_color3'},\
  28.       },style_formats: [\
  29.       { title: 'Paragraph', format: 'p'},\
  30.       { title: 'Headings', items: [\
  31.         { title: 'Heading 1', format: 'h2' },\
  32.         { title: 'Heading 2', format: 'h3' },\
  33.         { title: 'Heading 3', format: 'h4' },\
  34.         { title: 'Heading 4', format: 'h5' },\
  35.         { title: 'Heading 5', format: 'h6' }\
  36.       ]},\
  37.       /*{ title: 'OEF answers', items: [\
  38.         { title: 'Good answer', format: 'oef_indgood' },\
  39.         { title: 'Bad answer', format: 'oef_indbad' },\
  40.         { title: 'Partial answer', format: 'oef_indpartial' },\
  41.         { title: 'Forgotten answer', format: 'oef_indforget' },\
  42.       ]},\
  43.       { title: 'WIMS Messages', items: [\
  44.         { title: 'Success', format: 'wims_msg_success' },\
  45.         { title: 'Alert', format: 'wims_msg_alert' },\
  46.         { title: 'Warning', format: 'wims_msg_warning' },\
  47.         { title: 'Info', format: 'wims_msg_info' },\
  48.         { title: 'Help', format: 'wims_msg_help' },\
  49.       ]},*/\
  50.       { title: 'Theme colors', items: [\
  51.         { title: 'Color 1', format: 'wims_color1' },\
  52.         { title: 'Color 2', format: 'wims_color2' },\
  53.         { title: 'Color 3', format: 'wims_color3' },\
  54.       ]},\
  55.       { title: 'Other WIMS styles', items: [\
  56.         { title: 'Instructions', format: 'wims_instruction' },\
  57.         { title: 'Exercice highlight', format: 'wims_question' },\
  58.         { title: 'Small help', format: 'wims_smallhelp' },\
  59.         { title: 'Blockquote', format: 'blockquote' },\
  60.         { title: 'Code', format: 'code' },\
  61.         { title: 'Difficulty level', format: 'wims_difficultylevel' },\
  62.         { title: 'Emphase', format: 'wims_emph' },\
  63.       ]},\
  64.     ],
  65.   !else
  66.     !set iEdit_plugins=code help link lists
  67.     !set iEdit_toolbar=undo redo | blocks aligncenter | bold italic strikethrough | subscript superscript
  68.     !! "link" button isn't allowed for students in freework.
  69.    !if freework isin $module and student isin $job
  70.      !set iEdit_toolbar=$iEdit_toolbar | hr
  71.    !else
  72.      !set iEdit_toolbar=$iEdit_toolbar | hr link
  73.    !endif
  74.    !set iEdit_toolbar=$iEdit_toolbar | bullist numlist | removeformat | code | help
  75.    !reset iEdit_formats
  76.  !endif
  77.  
  78.  
  79.  !let name_WYSIWYG_activate=Activate editor
  80.  !let name_WYSIWYG_disable=Disable editor
  81.  !if $lang=ca
  82.    !set tiny_lang=language: 'ca',
  83.    !let name_WYSIWYG_activate=Activate editor
  84.    !let name_WYSIWYG_disable=Disable editor
  85.  !endif
  86.  !if $lang=cn
  87.    !set tiny_lang=language: 'zh-Hans',
  88.    !let name_WYSIWYG_activate=Activate editor
  89.    !let name_WYSIWYG_disable=Disable editor
  90.  !endif
  91.  !if $lang=tw
  92.    !set tiny_lang=language: 'zh-Hant',
  93.    !let name_WYSIWYG_activate=Activate editor
  94.    !let name_WYSIWYG_disable=Disable editor
  95.  !endif
  96.  !if $lang=es
  97.    !set tiny_lang=language: 'es',
  98.    !let name_WYSIWYG_activate=Activate editor
  99.    !let name_WYSIWYG_disable=Disable editor
  100.  !endif
  101.  !if $lang=fr
  102.    !set tiny_lang=language: 'fr_FR',
  103.    !let name_WYSIWYG_activate=Activer l'éditeur
  104.     !let name_WYSIWYG_disable=Désactiver l'éditeur
  105.  !endif
  106.  !if $lang=it
  107.    !set tiny_lang=language: 'it',
  108.    !let name_WYSIWYG_activate=Activate editor
  109.    !let name_WYSIWYG_disable=Disable editor
  110.  !endif
  111.  !if $lang=nl
  112.    !set tiny_lang=language: 'nl',
  113.    !let name_WYSIWYG_activate=Activate editor
  114.    !let name_WYSIWYG_disable=Disable editor
  115.  !endif
  116.  !if $lang=si
  117.    !set tiny_lang=language: 'sl_SI',
  118.    !let name_WYSIWYG_activate=Activate editor
  119.    !let name_WYSIWYG_disable=Disable editor
  120.  !endif
  121.  
  122.  
  123.  !set wims_html_header= !append line <script src="scripts/js/external/tinymce/tinymce.min.js"></script>\
  124.  <style>.hidden_btn{display:none}.wysiwyg_btns{text-align:right;font-size:.6em}</style>\
  125.  <script>\
  126.  document.addEventListener("DOMContentLoaded", function() {\
  127.    /* Insert "enable/disable editor" buttons */\
  128.    var ed_instances = document.querySelectorAll("$wims_read_parm");\
  129.    ed_instances.forEach(function(ed) {\
  130.      if(ed.id){\
  131.        var div = document.createElement('div');\
  132.        div.classList.add('wysiwyg_btns');\
  133.        var a1 = document.createElement('a');\
  134.        var linkText = document.createTextNode("$name_WYSIWYG_disable");\
  135.        a1.appendChild(linkText);\
  136.        a1.setAttribute("onclick","javascript:tinymce.execCommand('mceRemoveEditor',true,'"+ed.id+"');this.classList.add('hidden_btn');this.nextElementSibling.classList.remove('hidden_btn');");\
  137.        div.appendChild(a1);\
  138.        var a2 = document.createElement('a');\
  139.        var linkText = document.createTextNode("$name_WYSIWYG_activate");\
  140.        a2.appendChild(linkText);\
  141.        a2.setAttribute("onclick","javascript:tinymce.execCommand('mceAddEditor',true,'"+ed.id+"');this.classList.add('hidden_btn');this.previousElementSibling.classList.remove('hidden_btn');");\
  142.        a2.classList.add("hidden_btn");\
  143.        div.appendChild(a2);\
  144.        /* insert just after editor */\
  145.        ed.parentNode.insertBefore(div, ed.nextSibling);\
  146.      }\
  147.    });\
  148.    /* Initialize editors */\
  149.    // RegExp du texte a chercher\
  150.    var find1 = '\\\\imagedir\/';\
  151.    var re1 = new RegExp(find1, 'g');\
  152.    // texte de remplacement\
  153.    var replace1 = '\\imagedir\/';\
  154.    var replace2 = '$wims_ref_name?cmd=getfile&amp;session=$wims_session&amp;special_parm=oefimg/';\
  155.    // convertit l'url de remplacement en RegExp\
  156.     var find2 = replace2.replace(/\//g, '\\/');\
  157.     var find2 = find2.replace(/\./g, '\\.');\
  158.     var find2 = find2.replace(/\?/g, '\\?');\
  159.     var re2 = new RegExp(find2, 'g');\
  160.     tinymce.init({\
  161.       selector:'$wims_read_parm',\
  162.       plugins: '$iEdit_plugins',\
  163.       block_formats : tinymce.translate('Paragraph')+'=p;' +tinymce.translate('Heading 1')+'=h2;'+tinymce.translate('Heading 2')+'=h3;' +tinymce.translate('Heading 3')+'=h4;' +tinymce.translate('Heading 4')+'=h5;' +tinymce.translate('Heading 5')+'=h6;' +tinymce.translate('Preformatted')+'=pre;' +tinymce.translate('Blockquote')+'=blockquote;',\
  164.       menubar: false,\
  165.       branding: false,\
  166.       toolbar: '$iEdit_toolbar',\
  167.       $tiny_lang\
  168.       $iEdit_formats\
  169.       convert_urls : false,\
  170.       entities : '160,nbsp,162,cent,8364,euro,163,pound',\
  171.       content_css : 'html/themes/$wims_theme/css.css',\
  172.       body_class: 'main_body',\
  173.       content_style : ':root{--wims_bgcolor: $wims_bgcolor;--wims_link_color: $wims_link_color;--wims_vlink_color: $wims_vlink_color;--wims_hlink_color: $wims_hlink_color;--wims_ref_menucolor: $wims_ref_menucolor;--wims_ref_bgcolor: $wims_ref_bgcolor;--wims_ref_button_color: $wims_ref_button_color;--wims_ref_button_bgcolor: $wims_ref_button_bgcolor;}a, .ui-widget-content a{color:$wims_link_color}a:hover, a:focus {color:$wims_hlink_color}table.wimstable th{background-color: $wims_ref_bgcolor;color: $wims_ref_menucolor}table.wimstable th a{color: $wims_ref_menucolor}.wimstable caption a{color: $wims_ref_menucolor}.wims_emph {color:$wims_ref_bgcolor}input[type="submit"],input[type="button"],.main_body .wims_button{background-color:$wims_ref_button_bgcolor;color:$wims_ref_button_color}.main_body .wims_button_help{background-color:$wims_ref_button_help_bgcolor;color:$wims_ref_button_help_color}.property_fields{border-color:$wims_ref_bgcolor}.property_fields legend{background-color: $wims_ref_bgcolor}.property_fields legend,.property_fields legend>a{color:$wims_ref_menucolor}.wims_color1 {background-color: $wims_ref_bgcolor;color:$wims_ref_menucolor}.wims_color2 {background-color:$wims_ref_button_bgcolor;color:$wims_ref_button_color}.wims_color3 {background-color:$wims_ref_button_help_bgcolor;color:$wims_ref_button_help_color}',\
  174.       init_instance_callback: function(editor) {\
  175.         editor.on('PostProcess', function (e) {\
  176.           // Avant d'afficher le code source\
  177.           e.content = e.content.replace(re2, replace1);\
  178.         });\
  179.         editor.on('BeforeSetContent', function (e) {\
  180.           // Lors de l'enregistrement du code source\
  181.           e.content = e.content.replace(re1, replace2);\
  182.         });\
  183.         // refresh content, searching for 'imagedir'\
  184.         editor.setContent(editor.getContent());\
  185.       }\
  186.     });\
  187.   });</script>\
  188.    to $wims_html_header
  189. !endif
  190.