BxBaseEditorTinyMCE.php 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227
  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. /**
  10. * TinyMCE editor representation.
  11. * @see BxDolEditor
  12. */
  13. class BxBaseEditorTinyMCE extends BxDolEditor
  14. {
  15. /**
  16. * Common initialization params
  17. */
  18. protected static $CONF_COMMON = "
  19. jQuery('{bx_var_selector}').tinymce({
  20. {bx_var_custom_init}
  21. {bx_var_custom_conf}
  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. browser_spellcheck: true
  28. });
  29. ";
  30. /**
  31. * Standard view initialization params
  32. */
  33. protected static $CONF_STANDARD = "
  34. external_plugins: {
  35. advlist: '{bx_url_tinymce}plugins/advlist/plugin.min.js',
  36. autolink: '{bx_url_tinymce}plugins/autolink/plugin.min.js',
  37. autosave: '{bx_url_tinymce}plugins/autosave/plugin.min.js',
  38. code: '{bx_url_tinymce}plugins/code/plugin.min.js',
  39. hr: '{bx_url_tinymce}plugins/hr/plugin.min.js',
  40. image: '{bx_url_tinymce}plugins/image/plugin.min.js',
  41. link: '{bx_url_tinymce}plugins/link/plugin.min.js',
  42. lists: '{bx_url_tinymce}plugins/lists/plugin.min.js',
  43. media: '{bx_url_tinymce}plugins/media/plugin.min.js',
  44. paste: '{bx_url_tinymce}plugins/paste/plugin.min.js',
  45. },
  46. width: '100%',
  47. height: '270',
  48. theme_url: '{bx_url_tinymce}themes/modern/theme.min.js',
  49. toolbar: 'undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image',
  50. statusbar: true,
  51. resize: true,
  52. ";
  53. /**
  54. * Minimal view initialization params
  55. */
  56. protected static $CONF_MINI = "
  57. menubar: false,
  58. external_plugins: {
  59. autolink: '{bx_url_tinymce}plugins/autolink/plugin.min.js',
  60. image: '{bx_url_tinymce}plugins/image/plugin.min.js',
  61. link: '{bx_url_tinymce}plugins/link/plugin.min.js',
  62. lists: '{bx_url_tinymce}plugins/lists/plugin.min.js',
  63. paste: '{bx_url_tinymce}plugins/paste/plugin.min.js',
  64. },
  65. width: '100%',
  66. height: '150',
  67. theme_url: '{bx_url_tinymce}themes/modern/theme.min.js',
  68. toolbar: 'bold italic underline removeformat | bullist numlist | alignleft aligncenter alignright | blockquote | link unlink image',
  69. statusbar: false,
  70. ";
  71. /**
  72. * Full view initialization params
  73. */
  74. protected static $CONF_FULL = "
  75. external_plugins: {
  76. advlist: '{bx_url_tinymce}plugins/advlist/plugin.min.js',
  77. anchor: '{bx_url_tinymce}plugins/anchor/plugin.min.js',
  78. autolink: '{bx_url_tinymce}plugins/autolink/plugin.min.js',
  79. autoresize: '{bx_url_tinymce}plugins/autoresize/plugin.min.js',
  80. autosave: '{bx_url_tinymce}plugins/autosave/plugin.min.js',
  81. charmap: '{bx_url_tinymce}plugins/charmap/plugin.min.js',
  82. code: '{bx_url_tinymce}plugins/code/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. protected $_sConfCustom = '';
  112. /**
  113. * Available editor languages
  114. */
  115. 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);
  116. protected $_oTemplate;
  117. protected $_bJsCssAdded = false;
  118. public function __construct ($aObject, $oTemplate)
  119. {
  120. parent::__construct ($aObject);
  121. if ($oTemplate)
  122. $this->_oTemplate = $oTemplate;
  123. else
  124. $this->_oTemplate = BxDolTemplate::getInstance();
  125. }
  126. /**
  127. * Set custom TinyMCE configuration option
  128. */
  129. public function setCustomConf ($s)
  130. {
  131. $this->_sConfCustom = $s;
  132. }
  133. /**
  134. * Attach editor to HTML element, in most cases - textarea.
  135. * @param $sSelector - jQuery selector to attach editor to.
  136. * @param $iViewMode - editor view mode: BX_EDITOR_STANDARD, BX_EDITOR_MINI, BX_EDITOR_FULL
  137. * @param $bDynamicMode - is AJAX mode or not, the HTML with editor area is loaded dynamically.
  138. */
  139. public function attachEditor ($sSelector, $iViewMode = BX_EDITOR_STANDARD, $bDynamicMode = false)
  140. {
  141. // set visual mode
  142. switch ($iViewMode) {
  143. case BX_EDITOR_MINI:
  144. $sToolsItems = self::$CONF_MINI;
  145. break;
  146. case BX_EDITOR_FULL:
  147. $sToolsItems = self::$CONF_FULL;
  148. break;
  149. case BX_EDITOR_STANDARD:
  150. default:
  151. $sToolsItems = self::$CONF_STANDARD;
  152. }
  153. // detect language
  154. $sLang = BxDolLanguages::getInstance()->detectLanguageFromArray (self::$CONF_LANGS);
  155. // initialize editor
  156. $sInitEditor = $this->_replaceMarkers(self::$CONF_COMMON, array(
  157. 'bx_var_custom_init' => $sToolsItems,
  158. 'bx_var_custom_conf' => $this->_sConfCustom,
  159. 'bx_var_plugins_path' => bx_js_string(BX_DOL_URL_PLUGINS, BX_ESCAPE_STR_APOS),
  160. 'bx_var_css_path' => bx_js_string($this->_oTemplate->getCssUrl('editor.css'), BX_ESCAPE_STR_APOS),
  161. 'bx_var_skin' => bx_js_string($this->_aObject['skin'], BX_ESCAPE_STR_APOS),
  162. 'bx_var_lang' => bx_js_string($sLang, BX_ESCAPE_STR_APOS),
  163. 'bx_var_selector' => bx_js_string($sSelector, BX_ESCAPE_STR_APOS),
  164. 'bx_url_root' => bx_js_string(BX_DOL_URL_ROOT, BX_ESCAPE_STR_APOS),
  165. 'bx_url_tinymce' => bx_js_string(BX_DOL_URL_PLUGINS_PUBLIC . 'tinymce/', BX_ESCAPE_STR_APOS),
  166. ));
  167. if ($bDynamicMode) {
  168. $sScript = "<script>
  169. if ('undefined' == typeof(jQuery(document).tinymce)) {
  170. window.tinyMCEPreInit = {base : '" . bx_js_string(BX_DOL_URL_PLUGINS_PUBLIC . 'tinymce', BX_ESCAPE_STR_APOS) . "', suffix : '.min', query : ''};
  171. $.getScript('" . bx_js_string(BX_DOL_URL_ROOT . 'inc/js/editor.tinymce.js', BX_ESCAPE_STR_APOS) . "');
  172. $.getScript('" . bx_js_string(BX_DOL_URL_PLUGINS_PUBLIC . 'tinymce/tinymce.min.js', BX_ESCAPE_STR_APOS) . "', function(data, textStatus, jqxhr) {
  173. $.getScript('" . bx_js_string(BX_DOL_URL_PLUGINS_PUBLIC . 'tinymce/jquery.tinymce.min.js', BX_ESCAPE_STR_APOS) . "', function(data, textStatus, jqxhr) {
  174. $sInitEditor
  175. });
  176. });
  177. } else {
  178. $sInitEditor
  179. }
  180. </script>";
  181. } else {
  182. $sScript = "
  183. <script>
  184. $(document).ready(function () {
  185. $sInitEditor
  186. });
  187. </script>";
  188. }
  189. return $this->_addJsCss($bDynamicMode) . $sScript;
  190. }
  191. /**
  192. * Add css/js files which are needed for editor display and functionality.
  193. */
  194. protected function _addJsCss($bDynamicMode = false, $sInitEditor = '')
  195. {
  196. if ($bDynamicMode)
  197. return '';
  198. if ($this->_bJsCssAdded)
  199. return '';
  200. $this->_oTemplate->addJs(array('tinymce/tinymce.min.js', 'tinymce/jquery.tinymce.min.js', 'editor.tinymce.js'));
  201. $this->_bJsCssAdded = true;
  202. return '';
  203. }
  204. }
  205. /** @} */