BxBaseEditorTinyMCE.php 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218
  1. <?php defined('BX_DOL') or die('hack attempt');
  2. /**
  3. * Copyright (c) BoonEx Pty Limited - http://www.boonex.com/
  4. * CC-BY License - http://creativecommons.org/licenses/by/3.0/
  5. *
  6. * @defgroup TridentCore Trident Core
  7. * @{
  8. */
  9. bx_import('BxDolEditor');
  10. /**
  11. * TinyMCE editor representation.
  12. * @see BxDolEditor
  13. */
  14. class BxBaseEditorTinyMCE extends BxDolEditor
  15. {
  16. /**
  17. * Common initialization params
  18. */
  19. protected static $CONF_COMMON = "
  20. jQuery('{bx_var_selector}').tinymce({
  21. {bx_var_custom_init}
  22. document_base_url: '{bx_url_root}',
  23. skin_url: '{bx_url_tinymce}skins/{bx_var_skin}/',
  24. language_url: '{bx_url_tinymce}langs/{bx_var_lang}.js',
  25. content_css: '{bx_var_css_path}',
  26. entity_encoding: 'raw'
  27. });
  28. ";
  29. /**
  30. * Standard view initialization params
  31. */
  32. protected static $CONF_STANDARD = "
  33. external_plugins: {
  34. advlist: '{bx_url_tinymce}plugins/advlist/plugin.min.js',
  35. autolink: '{bx_url_tinymce}plugins/autolink/plugin.min.js',
  36. autosave: '{bx_url_tinymce}plugins/autosave/plugin.min.js',
  37. code: '{bx_url_tinymce}plugins/code/plugin.min.js',
  38. hr: '{bx_url_tinymce}plugins/hr/plugin.min.js',
  39. image: '{bx_url_tinymce}plugins/image/plugin.min.js',
  40. link: '{bx_url_tinymce}plugins/link/plugin.min.js',
  41. lists: '{bx_url_tinymce}plugins/lists/plugin.min.js',
  42. media: '{bx_url_tinymce}plugins/media/plugin.min.js',
  43. paste: '{bx_url_tinymce}plugins/paste/plugin.min.js',
  44. },
  45. width: '100%',
  46. height: '270',
  47. theme_url: '{bx_url_tinymce}themes/modern/theme.min.js',
  48. toolbar: 'undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image',
  49. statusbar: true,
  50. resize: true,
  51. ";
  52. /**
  53. * Minimal view initialization params
  54. */
  55. protected static $CONF_MINI = "
  56. menubar: false,
  57. external_plugins: {
  58. autolink: '{bx_url_tinymce}plugins/autolink/plugin.min.js',
  59. image: '{bx_url_tinymce}plugins/image/plugin.min.js',
  60. link: '{bx_url_tinymce}plugins/link/plugin.min.js',
  61. lists: '{bx_url_tinymce}plugins/lists/plugin.min.js',
  62. paste: '{bx_url_tinymce}plugins/paste/plugin.min.js',
  63. },
  64. width: '100%',
  65. height: '150',
  66. theme_url: '{bx_url_tinymce}themes/modern/theme.min.js',
  67. toolbar: 'bold italic underline removeformat | bullist numlist | alignleft aligncenter alignright | blockquote | link unlink image',
  68. statusbar: false,
  69. ";
  70. /**
  71. * Full view initialization params
  72. */
  73. protected static $CONF_FULL = "
  74. external_plugins: {
  75. advlist: '{bx_url_tinymce}plugins/advlist/plugin.min.js',
  76. anchor: '{bx_url_tinymce}plugins/anchor/plugin.min.js',
  77. autolink: '{bx_url_tinymce}plugins/autolink/plugin.min.js',
  78. autoresize: '{bx_url_tinymce}plugins/autoresize/plugin.min.js',
  79. autosave: '{bx_url_tinymce}plugins/autosave/plugin.min.js',
  80. charmap: '{bx_url_tinymce}plugins/charmap/plugin.min.js',
  81. code: '{bx_url_tinymce}plugins/code/plugin.min.js',
  82. contextmenu: '{bx_url_tinymce}plugins/contextmenu/plugin.min.js',
  83. emoticons: '{bx_url_tinymce}plugins/emoticons/plugin.min.js',
  84. hr: '{bx_url_tinymce}plugins/hr/plugin.min.js',
  85. image: '{bx_url_tinymce}plugins/image/plugin.min.js',
  86. link: '{bx_url_tinymce}plugins/link/plugin.min.js',
  87. lists: '{bx_url_tinymce}plugins/lists/plugin.min.js',
  88. media: '{bx_url_tinymce}plugins/media/plugin.min.js',
  89. nonbreaking: '{bx_url_tinymce}plugins/nonbreaking/plugin.min.js',
  90. pagebreak: '{bx_url_tinymce}plugins/pagebreak/plugin.min.js',
  91. preview: '{bx_url_tinymce}plugins/preview/plugin.min.js',
  92. print: '{bx_url_tinymce}plugins/print/plugin.min.js',
  93. paste: '{bx_url_tinymce}plugins/paste/plugin.min.js',
  94. save: '{bx_url_tinymce}plugins/save/plugin.min.js',
  95. searchreplace: '{bx_url_tinymce}plugins/searchreplace/plugin.min.js',
  96. table: '{bx_url_tinymce}plugins/table/plugin.min.js',
  97. textcolor: '{bx_url_tinymce}plugins/textcolor/plugin.min.js',
  98. visualblocks: '{bx_url_tinymce}plugins/visualblocks/plugin.min.js',
  99. },
  100. width: '100%',
  101. height: '320',
  102. theme_url: '{bx_url_tinymce}themes/modern/theme.min.js',
  103. toolbar: [
  104. 'undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image',
  105. 'print preview media | forecolor emoticons'
  106. ],
  107. statusbar: true,
  108. resize: true,
  109. image_advtab: true,
  110. ";
  111. /**
  112. * Available editor languages
  113. */
  114. protected static $CONF_LANGS = array('ar' => 1, 'ar_SA' => 1, 'az' => 1, 'be' => 1, 'bg_BG' => 1, 'bn_BD' => 1, 'bs' => 1, 'ca' => 1, 'cs' => 1, 'cy' => 1, 'da' => 1, 'de' => 1, 'de_AT' => 1, 'dv' => 1, 'el' => 1, 'en_CA' => 1, 'en_GB' => 1, 'es' => 1, 'et' => 1, 'eu' => 1, 'fa' => 1, 'fi' => 1, 'fo' => 1, 'fr_FR' => 1, 'gd' => 1, 'gl' => 1, 'he_IL' => 1, 'hr' => 1, 'hu_HU' => 1, 'hy' => 1, 'id' => 1, 'is_IS' => 1, 'it' => 1, 'ja' => 1, 'ka_GE' => 1, 'kk' => 1, 'km_KH' => 1, 'ko_KR' => 1, 'lb' => 1, 'lt' => 1, 'lv' => 1, 'ml' => 1, 'ml_IN' => 1, 'mn_MN' => 1, 'nb_NO' => 1, 'nl' => 1, 'pl' => 1, 'pt_BR' => 1, 'pt_PT' => 1, 'ro' => 1, 'ru' => 1, 'si_LK' => 1, 'sk' => 1, 'sl_SI' => 1, 'sr' => 1, 'sv_SE' => 1, 'ta' => 1, 'ta_IN' => 1, 'tg' => 1, 'th_TH' => 1, 'tr_TR' => 1, 'tt' => 1, 'ug' => 1, 'uk' => 1, 'uk_UA' => 1, 'vi' => 1, 'vi_VN' => 1, 'zh_CN' => 1, 'zh_TW' => 1);
  115. protected $_oTemplate;
  116. protected $_bJsCssAdded = false;
  117. public function __construct ($aObject, $oTemplate)
  118. {
  119. parent::__construct ($aObject);
  120. if ($oTemplate)
  121. $this->_oTemplate = $oTemplate;
  122. else
  123. $this->_oTemplate = BxDolTemplate::getInstance();
  124. }
  125. /**
  126. * Attach editor to HTML element, in most cases - textarea.
  127. * @param $sSelector - jQuery selector to attach editor to.
  128. * @param $iViewMode - editor view mode: BX_EDITOR_STANDARD, BX_EDITOR_MINI, BX_EDITOR_FULL
  129. * @param $bDynamicMode - is AJAX mode or not, the HTML with editor area is loaded dynamically.
  130. */
  131. public function attachEditor ($sSelector, $iViewMode = BX_EDITOR_STANDARD, $bDynamicMode = false)
  132. {
  133. // set visual mode
  134. switch ($iViewMode) {
  135. case BX_EDITOR_MINI:
  136. $sToolsItems = self::$CONF_MINI;
  137. break;
  138. case BX_EDITOR_FULL:
  139. $sToolsItems = self::$CONF_FULL;
  140. break;
  141. case BX_EDITOR_STANDARD:
  142. default:
  143. $sToolsItems = self::$CONF_STANDARD;
  144. }
  145. // detect language
  146. bx_import('BxDolLanguages');
  147. $sLang = BxDolLanguages::getInstance()->detectLanguageFromArray (self::$CONF_LANGS);
  148. // initialize editor
  149. $sInitEditor = $this->_replaceMarkers(self::$CONF_COMMON, array(
  150. 'bx_var_custom_init' => $sToolsItems,
  151. 'bx_var_plugins_path' => bx_js_string(BX_DOL_URL_PLUGINS, BX_ESCAPE_STR_APOS),
  152. 'bx_var_css_path' => bx_js_string($this->_oTemplate->getCssUrl('editor.css'), BX_ESCAPE_STR_APOS),
  153. 'bx_var_skin' => bx_js_string($this->_aObject['skin'], BX_ESCAPE_STR_APOS),
  154. 'bx_var_lang' => bx_js_string($sLang, BX_ESCAPE_STR_APOS),
  155. 'bx_var_selector' => bx_js_string($sSelector, BX_ESCAPE_STR_APOS),
  156. 'bx_url_root' => bx_js_string(BX_DOL_URL_ROOT, BX_ESCAPE_STR_APOS),
  157. 'bx_url_tinymce' => bx_js_string(BX_DOL_URL_PLUGINS_PUBLIC . 'tinymce/', BX_ESCAPE_STR_APOS),
  158. ));
  159. if ($bDynamicMode) {
  160. $sScript = "<script>
  161. if ('undefined' == typeof(jQuery(document).tinymce)) {
  162. window.tinyMCEPreInit = {base : '" . bx_js_string(BX_DOL_URL_PLUGINS_PUBLIC . 'tinymce', BX_ESCAPE_STR_APOS) . "', suffix : '.min', query : ''};
  163. $.getScript('" . bx_js_string(BX_DOL_URL_ROOT . 'inc/js/editor.tinymce.js', BX_ESCAPE_STR_APOS) . "');
  164. $.getScript('" . bx_js_string(BX_DOL_URL_PLUGINS_PUBLIC . 'tinymce/tinymce.min.js', BX_ESCAPE_STR_APOS) . "', function(data, textStatus, jqxhr) {
  165. $.getScript('" . bx_js_string(BX_DOL_URL_PLUGINS_PUBLIC . 'tinymce/jquery.tinymce.min.js', BX_ESCAPE_STR_APOS) . "', function(data, textStatus, jqxhr) {
  166. $sInitEditor
  167. });
  168. });
  169. } else {
  170. $sInitEditor
  171. }
  172. </script>";
  173. } else {
  174. $sScript = "
  175. <script>
  176. $(document).ready(function () {
  177. $sInitEditor
  178. });
  179. </script>";
  180. }
  181. return $this->_addJsCss($bDynamicMode) . $sScript;
  182. }
  183. /**
  184. * Add css/js files which are needed for editor display and functionality.
  185. */
  186. protected function _addJsCss($bDynamicMode = false, $sInitEditor = '')
  187. {
  188. if ($bDynamicMode)
  189. return '';
  190. if ($this->_bJsCssAdded)
  191. return '';
  192. $this->_oTemplate->addJs(array('tinymce/tinymce.min.js', 'tinymce/jquery.tinymce.min.js', 'editor.tinymce.js'));
  193. $this->_bJsCssAdded = true;
  194. return '';
  195. }
  196. }
  197. /** @} */