4 * StatusNet - the distributed open-source microblogging tool
5 * Copyright (C) 2010, StatusNet, Inc.
7 * Use TinyMCE library to allow rich text editing in the browser
11 * This program is free software: you can redistribute it and/or modify
12 * it under the terms of the GNU Affero General Public License as published by
13 * the Free Software Foundation, either version 3 of the License, or
14 * (at your option) any later version.
16 * This program is distributed in the hope that it will be useful,
17 * but WITHOUT ANY WARRANTY; without even the implied warranty of
18 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
19 * GNU Affero General Public License for more details.
21 * You should have received a copy of the GNU Affero General Public License
22 * along with this program. If not, see <http://www.gnu.org/licenses/>.
26 * @author Evan Prodromou <evan@status.net>
27 * @copyright 2010 StatusNet, Inc.
28 * @license http://www.fsf.org/licensing/licenses/agpl-3.0.html AGPL 3.0
29 * @link http://status.net/
31 if (!defined('STATUSNET')) {
32 // This check helps protect against security problems;
33 // your code file can't be executed directly from the web.
38 * Use TinyMCE library to allow rich text editing in the browser
40 * Converts the notice form in browser to a rich-text editor.
44 * @author Evan Prodromou <evan@status.net>
45 * @copyright 2010 StatusNet, Inc.
46 * @license http://www.fsf.org/licensing/licenses/agpl-3.0.html AGPL 3.0
47 * @link http://status.net/
49 class TinyMCEPlugin extends Plugin
54 function onEndShowScripts($action)
56 if (common_logged_in ()) {
57 $action->script(common_path('plugins/TinyMCE/js/jquery.tinymce.js'));
58 $action->inlineScript($this->_inlineScript());
64 function onEndShowStyles($action)
66 $action->style('span#notice_data-text_container, span#notice_data-text_parent { float: left }');
70 function onPluginVersion(&$versions)
72 $versions[] = array('name' => 'TinyMCE',
73 'version' => STATUSNET_VERSION,
74 'author' => 'Evan Prodromou',
75 'homepage' => 'http://status.net/wiki/Plugin:TinyMCE',
77 _m('Use TinyMCE library to allow rich text editing in the browser'));
82 * Sanitize HTML input and strip out potentially dangerous bits.
84 * @param string $raw HTML
87 private function sanitizeHtml($raw)
89 require_once INSTALLDIR . '/extlib/htmLawed/htmLawed.php';
91 $config = array('safe' => 1,
92 'deny_attribute' => 'id,style,on*');
94 return htmLawed($raw, $config);
98 * Strip HTML to plaintext string
100 * @param string $html HTML
101 * @return string plaintext, single line
103 private function stripHtml($html)
105 return str_replace("\n", " ", html_entity_decode(strip_tags($html)));
109 * Hook for new-notice form processing to take our HTML goodies;
110 * won't affect API posting etc.
112 * @param NewNoticeAction $action
114 * @param string $content
115 * @param array $options
116 * @return boolean hook return
118 function onStartSaveNewNoticeWeb($action, $user, &$content, &$options)
120 if ($action->arg('richedit')) {
121 $html = $this->sanitizeHtml($content);
122 $options['rendered'] = $html;
123 $content = $this->stripHtml($html);
129 * Hook for new-notice form processing to process file upload appending...
131 * @param NewNoticeAction $action
132 * @param MediaFile $media
133 * @param string $content
134 * @param array $options
135 * @return boolean hook return
137 function onStartSaveNewNoticeAppendAttachment($action, $media, &$content, &$options)
139 if ($action->arg('richedit')) {
140 // See if we've got a placeholder inline image; if so, fill it!
141 $dom = new DOMDocument();
142 common_log(LOG_INFO, 'QQQQQQQQQQQQQQQQQQQQQQQQ');
143 if ($dom->loadHTML($options['rendered'])) {
144 $imgs = $dom->getElementsByTagName('img');
145 foreach ($imgs as $img) {
146 common_log(LOG_INFO, 'img: ' . var_export($img, true));
147 if (preg_match('/(^| )placeholder( |$)/', $img->getAttribute('class'))) {
148 common_log(LOG_INFO, 'QQQQQQ: img src: ' . $media->fileRecord->url);
149 $img->setAttribute('src', $media->fileRecord->url);
150 $holderWidth = intval($img->getAttribute('width'));
151 $holderHeight = intval($img->getAttribute('height'));
152 $holderAspect = $holderWidth / $holderHeight;
154 $path = File::path($media->filename);
155 $imgInfo = getimagesize($path);
156 common_log(LOG_INFO, 'QQQQQQ: ' . $path . ' : ' . var_export($imgInfo, true));
158 $origWidth = $imgInfo[0];
159 $origHeight = $imgInfo[1];
160 $origAspect = $origWidth / $origHeight;
161 if ($origAspect >= 1.0) {
163 if ($origWidth > $holderWidth) {
164 $width = $holderWidth;
165 $height = intval($holderWidth / $origAspect);
168 $height = $origHeight;
171 if ($origHeight > $holderHeight) {
172 $height = $holderHeight;
173 $width = ($holderWidth * $origAspect);
176 $height = $origHeight;
180 $img->setAttribute('width', $width);
181 $img->setAttribute('height', $height);
183 common_log(LOG_INFO, 'QQQQQ: ' . $width . ' ' . $height);
186 $html = $dom->saveHTML();
187 common_log(LOG_INFO, 'QQQQQQ: out: ' . $html);
188 $options['rendered'] = $html;
191 // The regular code will append the short URL to the plaintext content.
192 // Carry on and let it through...
197 function _inlineScript()
199 $path = common_path('plugins/TinyMCE/js/tiny_mce.js');
201 // Note: the normal on-submit triggering to save data from
202 // the HTML editor into the textarea doesn't play well with
203 // our AJAX form submission. Manually moving it to trigger
204 // on our send button click.
205 $scr = <<<END_OF_SCRIPT
206 $().ready(function() {
207 $('textarea#notice_data-text').tinymce({
208 script_url : '{$path}',
211 plugins : "paste,fullscreen,autoresize,inlinepopups,tabfocus,linkautodetect",
212 theme_advanced_buttons1 : "bold,italic,strikethrough,|,undo,redo,|,link,unlink,image,|,fullscreen",
213 theme_advanced_buttons2 : "",
214 theme_advanced_buttons3 : "",
215 add_form_submit_trigger : false,
216 theme_advanced_resizing : true,
217 tabfocus_elements: ":prev,:next"
219 $('#form_notice').append('<input type="hidden" name="richedit" value="1">');
220 $('#notice_action-submit').click(function() {
221 if (typeof tinymce != "undefined") {
222 tinymce.triggerSave();
225 $('#'+SN.C.S.NoticeDataAttach).change(function() {
227 S = '<div id="'+SN.C.S.NoticeDataAttachSelected+'" class="'+SN.C.S.Success+'"><code>'+$(this).val()+'</code> <button class="close">×</button></div>';
228 NDAS = $('#'+SN.C.S.NoticeDataAttachSelected);
229 if (NDAS.length > 0) {
234 var img = '<img src="about:blank?placeholder" class="placeholder" width="320" height="240">';
235 var html = tinyMCE.activeEditor.getContent();
236 tinyMCE.activeEditor.setContent(html + img);