BxBaseEditorTinyMCE.php 9.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208
  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 DolphinCore Dolphin 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. autolink: '{bx_url_tinymce}plugins/autolink/plugin.min.js',
  35. autosave: '{bx_url_tinymce}plugins/autosave/plugin.min.js',
  36. lists: '{bx_url_tinymce}plugins/lists/plugin.min.js',
  37. media: '{bx_url_tinymce}plugins/media/plugin.min.js',
  38. paste: '{bx_url_tinymce}plugins/paste/plugin.min.js',
  39. fullscreen: '{bx_url_tinymce}plugins/fullscreen/plugin.min.js',
  40. hr: '{bx_url_tinymce}plugins/hr/plugin.min.js',
  41. link: '{bx_url_tinymce}plugins/link/plugin.min.js',
  42. image: '{bx_url_tinymce}plugins/image/plugin.min.js',
  43. code: '{bx_url_tinymce}plugins/code/plugin.min.js',
  44. },
  45. width: '100%',
  46. height: '270',
  47. theme_url: '{bx_url_tinymce}themes/modern/theme.min.js',
  48. toolbar: 'bold italic underline removeformat | bullist numlist | alignleft aligncenter alignright | undo redo pastetext | blockquote hr link unlink image media | fullscreen code',
  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. lists: '{bx_url_tinymce}plugins/lists/plugin.min.js',
  60. paste: '{bx_url_tinymce}plugins/paste/plugin.min.js',
  61. link: '{bx_url_tinymce}plugins/link/plugin.min.js',
  62. image: '{bx_url_tinymce}plugins/image/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. autolink: '{bx_url_tinymce}plugins/autolink/plugin.min.js',
  76. autosave: '{bx_url_tinymce}plugins/autosave/plugin.min.js',
  77. lists: '{bx_url_tinymce}plugins/lists/plugin.min.js',
  78. table: '{bx_url_tinymce}plugins/table/plugin.min.js',
  79. media: '{bx_url_tinymce}plugins/media/plugin.min.js',
  80. searchreplace: '{bx_url_tinymce}plugins/searchreplace/plugin.min.js',
  81. print: '{bx_url_tinymce}plugins/print/plugin.min.js',
  82. paste: '{bx_url_tinymce}plugins/paste/plugin.min.js',
  83. fullscreen: '{bx_url_tinymce}plugins/fullscreen/plugin.min.js',
  84. hr: '{bx_url_tinymce}plugins/hr/plugin.min.js',
  85. link: '{bx_url_tinymce}plugins/link/plugin.min.js',
  86. image: '{bx_url_tinymce}plugins/image/plugin.min.js',
  87. anchor: '{bx_url_tinymce}plugins/anchor/plugin.min.js',
  88. code: '{bx_url_tinymce}plugins/code/plugin.min.js',
  89. autoresize: '{bx_url_tinymce}plugins/autoresize/plugin.min.js',
  90. },
  91. width: '100%',
  92. height: '320',
  93. theme_url: '{bx_url_tinymce}themes/modern/theme.min.js',
  94. toolbar: [
  95. 'bold italic underline removeformat | subscript superscript | bullist numlist | alignleft aligncenter alignright alignjustify | undo redo pastetext | blockquote hr link unlink image media',
  96. 'outdent indent | anchor | searchreplace | print | fullscreen code'
  97. ],
  98. statusbar: true,
  99. resize: true,
  100. ";
  101. /**
  102. * Available editor languages
  103. */
  104. 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);
  105. protected $_oTemplate;
  106. protected $_bJsCssAdded = false;
  107. public function __construct ($aObject, $oTemplate)
  108. {
  109. parent::__construct ($aObject);
  110. if ($oTemplate)
  111. $this->_oTemplate = $oTemplate;
  112. else
  113. $this->_oTemplate = BxDolTemplate::getInstance();
  114. }
  115. /**
  116. * Attach editor to HTML element, in most cases - textarea.
  117. * @param $sSelector - jQuery selector to attach editor to.
  118. * @param $iViewMode - editor view mode: BX_EDITOR_STANDARD, BX_EDITOR_MINI, BX_EDITOR_FULL
  119. * @param $bDynamicMode - is AJAX mode or not, the HTML with editor area is loaded dynamically.
  120. */
  121. public function attachEditor ($sSelector, $iViewMode = BX_EDITOR_STANDARD, $bDynamicMode = false)
  122. {
  123. // set visual mode
  124. switch ($iViewMode) {
  125. case BX_EDITOR_MINI:
  126. $sToolsItems = self::$CONF_MINI;
  127. break;
  128. case BX_EDITOR_FULL:
  129. $sToolsItems = self::$CONF_FULL;
  130. break;
  131. case BX_EDITOR_STANDARD:
  132. default:
  133. $sToolsItems = self::$CONF_STANDARD;
  134. }
  135. // detect language
  136. bx_import('BxDolLanguages');
  137. $sLang = BxDolLanguages::getInstance()->detectLanguageFromArray (self::$CONF_LANGS);
  138. // initialize editor
  139. $sInitEditor = $this->_replaceMarkers(self::$CONF_COMMON, array(
  140. 'bx_var_custom_init' => $sToolsItems,
  141. 'bx_var_plugins_path' => bx_js_string(BX_DOL_URL_PLUGINS, BX_ESCAPE_STR_APOS),
  142. 'bx_var_css_path' => bx_js_string($this->_oTemplate->getCssUrl('editor.css'), BX_ESCAPE_STR_APOS),
  143. 'bx_var_skin' => bx_js_string($this->_aObject['skin'], BX_ESCAPE_STR_APOS),
  144. 'bx_var_lang' => bx_js_string($sLang, BX_ESCAPE_STR_APOS),
  145. 'bx_var_selector' => bx_js_string($sSelector, BX_ESCAPE_STR_APOS),
  146. 'bx_url_root' => bx_js_string(BX_DOL_URL_ROOT, BX_ESCAPE_STR_APOS),
  147. 'bx_url_tinymce' => bx_js_string(BX_DOL_URL_PLUGINS_PUBLIC . 'tinymce/', BX_ESCAPE_STR_APOS),
  148. ));
  149. if ($bDynamicMode) {
  150. $sScript = "<script>
  151. if ('undefined' == typeof(jQuery(document).tinymce)) {
  152. window.tinyMCEPreInit = {base : '" . bx_js_string(BX_DOL_URL_PLUGINS_PUBLIC . 'tinymce', BX_ESCAPE_STR_APOS) . "', suffix : '.min', query : ''};
  153. $.getScript('" . bx_js_string(BX_DOL_URL_ROOT . 'inc/js/editor.tinymce.js', BX_ESCAPE_STR_APOS) . "');
  154. $.getScript('" . bx_js_string(BX_DOL_URL_PLUGINS_PUBLIC . 'tinymce/tinymce.min.js', BX_ESCAPE_STR_APOS) . "', function(data, textStatus, jqxhr) {
  155. $.getScript('" . bx_js_string(BX_DOL_URL_PLUGINS_PUBLIC . 'tinymce/jquery.tinymce.min.js', BX_ESCAPE_STR_APOS) . "', function(data, textStatus, jqxhr) {
  156. $sInitEditor
  157. });
  158. });
  159. } else {
  160. $sInitEditor
  161. }
  162. </script>";
  163. } else {
  164. $sScript = "
  165. <script>
  166. $(document).ready(function () {
  167. $sInitEditor
  168. });
  169. </script>";
  170. }
  171. return $this->_addJsCss($bDynamicMode) . $sScript;
  172. }
  173. /**
  174. * Add css/js files which are needed for editor display and functionality.
  175. */
  176. protected function _addJsCss($bDynamicMode = false, $sInitEditor = '')
  177. {
  178. if ($bDynamicMode)
  179. return '';
  180. if ($this->_bJsCssAdded)
  181. return '';
  182. $this->_oTemplate->addJs(array('tinymce/tinymce.min.js', 'tinymce/jquery.tinymce.min.js', 'editor.tinymce.js'));
  183. $this->_bJsCssAdded = true;
  184. return '';
  185. }
  186. }
  187. /** @} */