<?php
-
/**
* StatusNet - the distributed open-source microblogging tool
* Copyright (C) 2010, StatusNet, Inc.
*
* Converts the notice form in browser to a rich-text editor.
*
+ * FIXME: this plugin DOES NOT load its static files from the configured
+ * plugin server if one exists. There are cross-server permissions errors
+ * if you try to do that (something about window.tinymce).
+ *
* @category WYSIWYG
* @package StatusNet
* @author Evan Prodromou <evan@status.net>
*/
class TinyMCEPlugin extends Plugin
{
-
var $html;
+ // By default, TinyMCE editor will be available to all users.
+ // With restricted on, only users who have been granted the
+ // "richedit" role get it.
+ public $restricted = false;
+
function onEndShowScripts($action)
{
- if (common_logged_in ()) {
+ if (common_logged_in() && $this->isAllowedRichEdit()) {
$action->script(common_path('plugins/TinyMCE/js/jquery.tinymce.js'));
$action->inlineScript($this->_inlineScript());
}
function onEndShowStyles($action)
{
- $action->style('span#notice_data-text_container, span#notice_data-text_parent { float: left }');
+ if ($this->isAllowedRichEdit()) {
+ $action->style('span#notice_data-text_container, span#notice_data-text_parent { float: left }');
+ }
return true;
}
function onPluginVersion(&$versions)
{
$versions[] = array('name' => 'TinyMCE',
- 'version' => STATUSNET_VERSION,
+ 'version' => GNUSOCIAL_VERSION,
'author' => 'Evan Prodromou',
'homepage' => 'http://status.net/wiki/Plugin:TinyMCE',
'rawdescription' =>
- _m('Use TinyMCE library to allow rich text editing in the browser'));
+ // TRANS: Plugin description.
+ _m('Use TinyMCE library to allow rich text editing in the browser.'));
return true;
}
*/
private function stripHtml($html)
{
- return str_replace("\n", " ", html_entity_decode(strip_tags($html)));
+ return str_replace("\n", " ", html_entity_decode(strip_tags($html), ENT_QUOTES, 'UTF-8'));
}
/**
* Hook for new-notice form processing to take our HTML goodies;
* won't affect API posting etc.
- *
+ *
* @param NewNoticeAction $action
* @param User $user
* @param string $content
*/
function onStartSaveNewNoticeWeb($action, $user, &$content, &$options)
{
- if ($action->arg('richedit')) {
+ if ($action->arg('richedit') && $this->isAllowedRichEdit()) {
$html = $this->sanitizeHtml($content);
$options['rendered'] = $html;
$content = $this->stripHtml($html);
*/
function onStartSaveNewNoticeAppendAttachment($action, $media, &$content, &$options)
{
- if ($action->arg('richedit')) {
+ if ($action->arg('richedit') && $this->isAllowedRichEdit()) {
// See if we've got a placeholder inline image; if so, fill it!
$dom = new DOMDocument();
- common_log(LOG_INFO, 'QQQQQQQQQQQQQQQQQQQQQQQQ');
+
if ($dom->loadHTML($options['rendered'])) {
$imgs = $dom->getElementsByTagName('img');
foreach ($imgs as $img) {
- common_log(LOG_INFO, 'img: ' . var_export($img, true));
if (preg_match('/(^| )placeholder( |$)/', $img->getAttribute('class'))) {
- common_log(LOG_INFO, 'QQQQQQ: img src: ' . $media->fileRecord->url);
- $img->setAttribute('src', $media->fileRecord->url);
- $holderWidth = intval($img->getAttribute('width'));
- $holderHeight = intval($img->getAttribute('height'));
- $holderAspect = $holderWidth / $holderHeight;
-
- $path = File::path($media->filename);
- $imgInfo = getimagesize($path);
- common_log(LOG_INFO, 'QQQQQQ: ' . $path . ' : ' . var_export($imgInfo, true));
-
- $origWidth = $imgInfo[0];
- $origHeight = $imgInfo[1];
- $origAspect = $origWidth / $origHeight;
- if ($origAspect >= 1.0) {
- // wide image
- if ($origWidth > $holderWidth) {
- $width = $holderWidth;
- $height = intval($holderWidth / $origAspect);
- } else {
- $width = $origWidth;
- $height = $origHeight;
- }
- } else {
- if ($origHeight > $holderHeight) {
- $height = $holderHeight;
- $width = ($holderWidth * $origAspect);
- } else {
- $width = $origWidth;
- $height = $origHeight;
- }
- }
-
- $img->setAttribute('width', $width);
- $img->setAttribute('height', $height);
-
- common_log(LOG_INFO, 'QQQQQ: ' . $width . ' ' . $height);
+ // Create a link to the attachment page...
+ $this->formatAttachment($img, $media);
}
}
- $html = $dom->saveHTML();
- common_log(LOG_INFO, 'QQQQQQ: out: ' . $html);
- $options['rendered'] = $html;
+ $options['rendered'] = $this->saveHtml($dom);
}
// The regular code will append the short URL to the plaintext content.
return true;
}
+ /**
+ * Format the attachment placeholder img with the final version.
+ *
+ * @param DOMElement $img
+ * @param MediaFile $media
+ */
+ private function formatAttachment($img, $media)
+ {
+ $parent = $img->parentNode;
+ $dom = $img->ownerDocument;
+
+ $link = $dom->createElement('a');
+ $link->setAttribute('href', $media->fileurl);
+ $link->setAttribute('title', File::url($media->filename));
+
+ if ($this->isEmbeddable($media)) {
+ // Fix the the <img> attributes and wrap the link around it...
+ $this->insertImage($img, $media);
+ $parent->replaceChild($link, $img); //it dies in here?!
+ $link->appendChild($img);
+ } else {
+ // Not an image? Replace it with a text link.
+ $link->setAttribute('rel', 'external');
+ $link->setAttribute('class', 'attachment');
+ $link->setAttribute('id', 'attachment-' . $media->fileRecord->id);
+ $text = $dom->createTextNode($media->shortUrl());
+ $link->appendChild($text);
+ $parent->replaceChild($link, $img);
+ }
+ }
+
+ /**
+ * Is this media file a type we can display inline?
+ *
+ * @param MediaFile $media
+ * @return boolean
+ */
+ private function isEmbeddable($media)
+ {
+ $showable = array('image/png',
+ 'image/gif',
+ 'image/jpeg');
+ return in_array($media->mimetype, $showable);
+ }
+
+ /**
+ * Rewrite and resize a placeholder image element to match the uploaded
+ * file. If the holder is smaller than the file, the file is scaled to fit
+ * with correct aspect ratio (but will be loaded at full resolution).
+ *
+ * @param DOMElement $img
+ * @param MediaFile $media
+ */
+ private function insertImage($img, $media)
+ {
+ $img->setAttribute('src', $media->fileRecord->url);
+
+ $holderWidth = intval($img->getAttribute('width'));
+ $holderHeight = intval($img->getAttribute('height'));
+
+ $path = File::path($media->filename);
+ $imgInfo = getimagesize($path);
+
+ if ($imgInfo) {
+ $origWidth = $imgInfo[0];
+ $origHeight = $imgInfo[1];
+
+ list($width, $height) = $this->sizeBox(
+ $origWidth, $origHeight,
+ $holderWidth, $holderHeight);
+
+ $img->setAttribute('width', $width);
+ $img->setAttribute('height', $height);
+ }
+ }
+
+ /**
+ *
+ * @param int $origWidth
+ * @param int $origHeight
+ * @param int $holderWidth
+ * @param int $holderHeight
+ * @return array($width, $height)
+ */
+ private function sizeBox($origWidth, $origHeight, $holderWidth, $holderHeight)
+ {
+ $holderAspect = $holderWidth / $holderHeight;
+ $origAspect = $origWidth / $origHeight;
+ if ($origAspect >= 1.0) {
+ // wide image
+ if ($origWidth > $holderWidth) {
+ return array($holderWidth, intval($holderWidth / $origAspect));
+ } else {
+ return array($origWidth, $origHeight);
+ }
+ } else {
+ if ($origHeight > $holderHeight) {
+ return array(intval($holderWidth * $origAspect), $holderHeight);
+ } else {
+ return array($origWidth, $origHeight);
+ }
+ }
+ }
+
+ private function saveHtml($dom)
+ {
+ $html = $dom->saveHTML();
+ // hack to remove surrounding crap added to the dom
+ // all we wanted was a fragment
+ $stripped = preg_replace('/^.*<body[^>]*>(.*)<\/body.*$/is', '$1', $html);
+ return $stripped;
+ }
+
function _inlineScript()
{
$path = common_path('plugins/TinyMCE/js/tiny_mce.js');
+ $placeholder = common_path('plugins/TinyMCE/icons/placeholder.png');
// Note: the normal on-submit triggering to save data from
// the HTML editor into the textarea doesn't play well with
// our AJAX form submission. Manually moving it to trigger
// on our send button click.
$scr = <<<END_OF_SCRIPT
- $().ready(function() {
- $('textarea#notice_data-text').tinymce({
+ (function() {
+ var origInit = SN.Init.NoticeFormSetup;
+ SN.Init.NoticeFormSetup = function(form) {
+ origInit(form);
+ var noticeForm = form;
+ var textarea = form.find('.notice_data-text');
+ if (textarea.length == 0) return;
+ textarea.tinymce({
script_url : '{$path}',
// General options
theme : "advanced",
theme_advanced_buttons3 : "",
add_form_submit_trigger : false,
theme_advanced_resizing : true,
- tabfocus_elements: ":prev,:next"
- });
- $('#form_notice').append('<input type="hidden" name="richedit" value="1">');
- $('#notice_action-submit').click(function() {
- if (typeof tinymce != "undefined") {
- tinymce.triggerSave();
- }
- });
- $('#'+SN.C.S.NoticeDataAttach).change(function() {
- /*
- S = '<div id="'+SN.C.S.NoticeDataAttachSelected+'" class="'+SN.C.S.Success+'"><code>'+$(this).val()+'</code> <button class="close">×</button></div>';
- NDAS = $('#'+SN.C.S.NoticeDataAttachSelected);
- if (NDAS.length > 0) {
- NDAS.replaceWith(S);
+ tabfocus_elements: ":prev,:next",
+ setup: function(ed) {
+ noticeForm.append('<input type="hidden" name="richedit" value="1">');
+
+ form.find('.submit:first').click(function() {
+ tinymce.triggerSave();
+ });
+
+ var origCounter = SN.U.CharacterCount;
+ SN.U.CharacterCount = function(form) {
+ var text = $(ed.getDoc()).text();
+ return text.length;
+ };
+ ed.onKeyUp.add(function (ed, e) {
+ SN.U.Counter(noticeForm);
+ });
+
+ form.find('input[type=file]').change(function() {
+ var img = '<img src="{$placeholder}" class="placeholder" width="320" height="240">';
+ var html = tinyMCE.activeEditor.getContent();
+ ed.setContent(html + img);
+ });
}
- */
- //alert('yay');
- var img = '<img src="about:blank?placeholder" class="placeholder" width="320" height="240">';
- var html = tinyMCE.activeEditor.getContent();
- tinyMCE.activeEditor.setContent(html + img);
});
- });
+ };
+ })();
END_OF_SCRIPT;
return $scr;
}
+ /**
+ * Does the current user have permission to use the rich-text editor?
+ * Always true unless the plugin's "restricted" setting is on, in which
+ * case it's limited to users with the "richedit" role.
+ *
+ * @fixme make that more sanely configurable :)
+ *
+ * @return boolean
+ */
+ private function isAllowedRichEdit()
+ {
+ if ($this->restricted) {
+ $user = common_current_user();
+ return !empty($user) && $user->hasRole('richedit');
+ } else {
+ return true;
+ }
+ }
}
-
projects / quix0rs-gnu-social.git / blobdiff