Перейти к основному содержанию.

Nucleus toolbar in comments [plugin v. 0.1]


This version is outdated. Please follow the link to version 0.3.

A hack may work but I won't like it ever. Taiga hunters always leave food and fire stock for those who will come to the outpost later. If one does some coding he\she shall leave maintainable code for those who will be in charge later on.

So, here follows a conventional Nucleus plugin to replace the hack.

(1) File NP_CommentButtons.php goes to Nucleus plugin directory. Typically, it is /nucleus/plugins/ 

  1. <?php
  2.  
  3. class NP_CommentButtons extends NucleusPlugin
  4. {
  5.         // name of plugin
  6.         function getName()
  7.         {
  8. 		return 'CommentButtons';
  9.         }
  10.         // author of plugin
  11.         function getAuthor()
  12.         {
  13. 		return 'maxirmx';
  14.         }
  15.         // an URL to the plugin website
  16.         // can also be of the form mailto:foo@bar.com
  17.         function getURL()
  18.         {
  19. 		return 'mailto:maxirmx@mail.ru';
  20.         }
  21.         // version of the plugin
  22.         function getVersion()
  23.         {
  24. 		return '0.1';
  25.         }
  26.         // a description to be shown on the installed plugins listing
  27.         function getDescription()
  28.         {
  29. 		return 'This plugin provides Bold, Italic, Link and Image buttons at Nucleus comments form';
  30.         }
  31.         function supportsFeature ($what)
  32.         {
  33. 		switch ($what)
  34. 		{
  35. 			case 'SqlTablePrefix':
  36. 				return 1;
  37. 			default:
  38. 				return 0;
  39. 		}
  40.         }
  41.         
  42.         function getEventList() 
  43.         { 
  44.                 return array('FormExtra', 'PreComment', 'PreAddComment', 'PreUpdateComment'); 
  45.         }
  46.         
  47.         function addJsButton($fn, $img)
  48.         {
  49.                 global $CONF;
  50. echo "         <img  class=\"jsbutton\"\n";
  51. echo "               onmouseover=\"BtnHighlight(this);\"\n";
  52. echo "               onmouseout=\"BtnNormal(this);\"\n";
  53. echo "               onclick=\"" . $fn . "()\"\n";
  54. echo "               src=\"" . $CONF['AdminURL'] . "images/" . 
  55.      $img . ".gif\" alt=\"\" width=\"16\" height=\"16\"/>\n";
  56.         }
  57.  
  58.         function addJsButtonSpacer()
  59.         {
  60. echo "       <span class=\"jsbuttonspacer\">\n";
  61. echo "       </span>\n";
  62.         }
  63.  
  64.         function addJsAttachEvent($evnt)
  65.         {
  66. echo "       if (refCT." . $evnt . ") refCT." . $evnt . 
  67.      "onkeyup = function () { refCT." . $evnt . "(); storeCaret(refCT); };\n";
  68. echo "       else               refCT." . $evnt . " = function () { storeCaret(refCT); };\n";
  69.         }
  70.  
  71.         function event_FormExtra(&$data)
  72.         {
  73.                 global $CONF, $member;
  74.                 if ($data['type'] == 'commentform-loggedin')
  75.                 {
  76.  
  77. echo "\n     <!-- Start NP_CommentButtons -->\n";
  78. echo "      <script type=\"text/javascript\"\n"; 
  79. echo "       src=\"" . $this->getAdminURL() . "tinyedit.js\">\n";
  80. echo "      </script>\n";
  81.             
  82. echo "      <div id = \"nucleus_cf_buttonbar\" class=\"jsbuttonbar\" name=\"buttonbar\">\n";
  83. echo "       <br />\n";
  84.                    
  85. // *** The next three lines are needed if bold and italic buttons are supported
  86. //                   $this->addJsButton('boldThis','button-bold');
  87. //                   $this->addJsButton('italicThis','button-italic');
  88. //                   $this->addJsButtonSpacer();                  
  89.                    $this->addJsButton('ahrefThis','button-link');
  90.                    $this->addJsButton('addMedia','button-media');
  91.  
  92. echo "       <br />\n";
  93. echo "       <br />\n";
  94. echo "      </div>\n";
  95.  
  96. echo "      <script type=\"text/javascript\">\n";
  97. echo "       refCT = document.getElementById('nucleus_cf_body');\n";
  98. echo "       refBtB = document.getElementById('nucleus_cf_buttonbar');\n";
  99. echo "       refParent = refCT.parentNode;\n";
  100. echo "       refBtB = refParent.removeChild(refBtB);\n";
  101. echo "       refParent.insertBefore(refBtB,refCT);\n";
  102.  
  103.                    $this->addJsAttachEvent('onkeyup');
  104.                    $this->addJsAttachEvent('onclick');
  105.                    $this->addJsAttachEvent('onselect');
  106.  
  107. echo "       setMediaUrl(\"" . $CONF['MediaURL'] . "\");\n";
  108. echo "       setMediaPopupURL(\"" . $CONF['AdminURL'] . "\");\n";
  109. echo "       setRefText(refCT);\n";
  110. 		
  111.                if ($member->isLoggedIn())
  112. echo "       setAuthorId(" . $member->getId() .");\n";
  113.  
  114. echo "      </script>\n";
  115. echo "     <!-- End NP_CommentButtons -->\n\n";
  116.  
  117.                 }
  118.         }        
  119.  
  120.         function doAllDirtyJob(&$data)
  121.         {
  122.                 $data['comment']['body'] = preg_replace ('/\>.+\>\&quot\;\&gt\;/','/>',$data['comment']['body']);
  123.  
  124.                 
  125.                 $search = array ( 
  126.                                   '&lt;a href=&quot;', '&lt;/a&gt;', 
  127.                                   '&lt;%', '%&gt;',
  128. // *** The next two lines are needed if bold and italic buttons are supported
  129. //                                  '&lt;b&gt;', '&lt;/b&gt;',
  130. //                                  '&lt;i&gt;', '&lt;/i&gt;'  
  131.                                 );
  132.                 $replace = array ('','</a>',
  133.                                   '<%','%>', 
  134. // *** The next two lines are needed if bold and italic buttons are supported
  135. //                                  '<b>','</b>',
  136. //                                  '<i>','</i>'
  137.                                  );
  138.                 $data['comment']['body'] = str_replace($search, $replace, $data['comment']['body']);
  139.         }
  140.  
  141.         function event_PreUpdateComment(&$data)
  142.         {
  143.                 $this->doAllDirtyJob(&$data);
  144.         }
  145.  
  146.         function event_PreAddComment(&$data)
  147.         {
  148.                 $this->doAllDirtyJob(&$data);
  149.         }
  150.  
  151.         function createPopupLink($memberid, $arg) 
  152.         {
  153. 		global $CONF;
  154. 	
  155. 	        $args = explode('|', $arg);
  156.  
  157. 		// select private collection when no collection given
  158. 		if (!strstr($args[0],'/')) 
  159.                 {
  160. 			$args[0] = $memberid . '/' . $args[0];
  161. 		}
  162.  
  163. 		$width = $args[1];
  164. 		$height = $args[2];
  165. 		
  166.                 $rawpopuplink = $CONF['Self'] . "?imagepopup=" . htmlspecialchars($args[0]) . 
  167.                  "&amp;width=$width&amp;height=$height&amp;imagetext=" . urlencode(htmlspecialchars($args[3]));
  168.                 $popupcode = "window.open(this.href,'imagepopup'," .
  169.                  "'status=no,toolbar=no,scrollbars=no,resizable=yes,width=$width,height=$height');return false;";
  170.                 $popuptext = htmlspecialchars($args[3]);
  171.                 $popuplink = '<a href="' . $rawpopuplink. '" onclick="'. $popupcode.'" >' . $popuptext . '</a>';
  172. 		
  173. 		return $popuplink;
  174.          }
  175. 	
  176.         function createImageLink($memberid, $arg) 
  177.         {
  178. 		global $CONF;
  179. 			
  180. 	        $args = explode('|', $arg);	
  181.  
  182. 		// select private collection when no collection given
  183. 		if (!strstr($args[0],'/')) 
  184.                 {
  185. 			$args[0] = $memberid . '/' . $args[0];
  186. 		}
  187.  
  188. 		$width = $args[1];
  189. 		$height = $args[2];
  190. 		
  191. 		$link		= htmlspecialchars($CONF['MediaURL']. $args[0]);
  192. 		$text		= htmlspecialchars($args[3]);
  193.                 $imagelink = '<img src="' . $link . '" width="' . 
  194.                 $width . '" height="' . $height . '" alt="' . $text . '" title="' . $text . '" />';
  195. 	
  196.                 return $imagelink;
  197.  
  198.         }
  199. 	
  200.         function createMediaCode($memberid, $arg) 
  201.         {
  202.  
  203. 		global $CONF;
  204. 		
  205. 	        $args = explode('|', $arg);	
  206.  
  207. 		// select private collection when no collection given
  208. 		if (!strstr($args[0],'/')) 
  209.                 {
  210. 			$args[0] = $memberid . '/' . $args[0];
  211. 		}
  212.  
  213. 		$link  = htmlspecialchars($CONF['MediaURL'] . $args[0]);
  214. 		$text = htmlspecialchars($args[1]);
  215. 		$medialink = '<a href="' . $link . '">' . $text . '</a>';
  216.  
  217.                 return $medialink;
  218.         }
  219.  
  220.         function event_PreComment(&$data)
  221.         {
  222. 		
  223.                 $memberid = $data["comment"]["memberid"];
  224.                 $replaceFrom = array(
  225. 			'/(\<\%image\()([^\)]*)(\)\%\>)/e',
  226. 			'/(\<\%popup\()([^\)]*)(\)\%\>)/e',
  227. 			'/(\<\%media\()([^\)]*)(\)\%\>)/e'
  228. 		);
  229. 		$replaceTo = array(
  230.                         'NP_CommentButtons::createImageLink($memberid,"\\2")',
  231.                         'NP_CommentButtons::createPopupLink($memberid,"\\2")',
  232.                         'NP_CommentButtons::createMediaLink($memberid,"\\2")'
  233. 		);
  234. 		$data['comment']['body'] = preg_replace($replaceFrom, $replaceTo, $data['comment']['body']);
  235.  
  236.         }       
  237. }
  238.  
  239. ?>


(2) File tinyesit.js goes to plugin admin directory. Typically, it would be /nucleus/plugins/commentbuttons/ 

  1. var nucleusMediaPopupURL = '';
  2. var nucleusMediaURL = 'media/';
  3. var nucleusAuthorId = 0;
  4. var scrollTop = -1;
  5. var refT;
  6.  
  7. function setRefText(ref) { refT = refCT; }
  8. function setMediaUrl(url) { nucleusMediaURL = url; }
  9. function setAuthorId(id) { nucleusAuthorId = id; }
  10. function setMediaPopupURL(url) { nucleusMediaPopupURL = url; }
  11.  
  12. function boldThis() { insertAroundCaret('<b>','</b>'); }
  13. function italicThis() { insertAroundCaret('<i>','</i>'); }
  14.  
  15. function ahrefThis() 
  16. {
  17.         strHref = prompt("Create a link to:","http://");
  18.         if (strHref == null) return;
  19.  
  20.         if (isCaretEmpty(refT))  strSelection = prompt("Text to display ?","");
  21.         else                     strSelection = prompt("Text to display ?", getCaretText(refT));
  22.         insertAtCaret("<a href=\"" + strHref.replace(/&/g,'&amp;') + "\">" + strSelection + "</a>");
  23. }
  24.  
  25. function addMedia() 
  26. {
  27.         var mediapopup = window.open(nucleusMediaPopupURL + 'media.php','name',
  28.         'status=yes,toolbar=no,scrollbars=yes,resizable=yes,width=500,height=450,top=0,left=0');
  29.  
  30.         return;
  31. } 
  32.  
  33. function includeImage(collection, filename, type, width, height) 
  34. {
  35.         if (isCaretEmpty(refT))  text = prompt("Text to display ?","");
  36.         else                     text = getCaretText(refT);
  37. 	
  38. // add collection name when not private collection (or editing a message that's not your)
  39.         var fullName;
  40.         if (isNaN(collection) || (nucleusAuthorId != collection)) 
  41. 		fullName = collection + '/' + filename;
  42.         else    fullName = filename;
  43. 	
  44.         var replaceBy;
  45.         switch(type) 
  46.         {
  47. 		case 'popup':
  48. 			replaceBy = '<%popup(' +  fullName + '|'+width+'|'+height+'|' + text +')%>';
  49. 			break;
  50. 		case 'inline':
  51. 		default:
  52. 			replaceBy = '<%image(' +  fullName + '|'+width+'|'+height+'|' + text +')%>';
  53.         }
  54.         insertAtCaret(replaceBy);
  55. }
  56.  
  57. function includeOtherMedia(collection, filename) 
  58. {
  59.         if (isCaretEmpty(refT))  text = prompt("Text to display ?","");
  60.         else                     text = getCaretText(refT);
  61. 	
  62. // add collection name when not private collection (or editing a message that's not your)
  63.         var fullName;
  64.         if (isNaN(collection) || (nucleusAuthorId != collection)) 
  65. 		fullName = collection + '/' + filename;
  66.         else 	fullName = filename;
  67. 	
  68.         var replaceBy = '<%media(' +  fullName + '|' + text +')%>';
  69.         insertAtCaret(replaceBy);
  70. }
  71.  
  72.  
  73. // code to store the caret (cursor) position of a text field/text area
  74. // taken from javascript.faqts and modified
  75. // http://www.faqts.com/knowledge_base/view.phtml/aid/1052/fid/130
  76.  
  77. var lastSelected;
  78.  
  79. // stores the caret
  80. function storeCaret (textEl) 
  81. {
  82.  
  83. 	// store caret
  84. 	if (textEl.createTextRange) 
  85. 		textEl.caretPos = document.selection.createRange().duplicate();
  86.  
  87. 	// also store lastselectedelement
  88. 	lastSelected = textEl;
  89. 	scrollTop = textEl.scrollTop;
  90. }
  91.  
  92.  
  93. // inserts text at caret (overwriting selection)
  94. function insertAtCaret (text) 
  95. {
  96.         var textEl = lastSelected;
  97.         if (textEl && textEl.createTextRange && textEl.caretPos) 
  98.         {
  99. 		var caretPos = textEl.caretPos;
  100. 		caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? text + ' ' : text;
  101.         } 
  102.         else if (!document.all) 
  103.         {
  104. 		mozReplace(refT, text);				
  105. 		if (scrollTop>-1) refT.scrollTop = scrollTop;
  106.         }
  107.         else 
  108.         {
  109. 		refT.value += text;		
  110. 		if(scrollTop>-1) refT.scrollTop = scrollTop;
  111.         }
  112. }
  113.  
  114. // inserts a tag around the selected text
  115. function insertAroundCaret (textpre, textpost) 
  116. {
  117.         var textEl = lastSelected;
  118. 	
  119.         if (textEl && textEl.createTextRange && textEl.caretPos) 
  120.         {
  121. 		var caretPos = textEl.caretPos;
  122. 		caretPos.text = textpre + caretPos.text + textpost;
  123.         } 
  124.         else if (!document.all) 
  125.         {
  126. 		mozWrap(refT, textpre, textpost);		
  127. 		if(scrollTop>-1) refT.scrollTop = scrollTop;
  128.         } 
  129.         else 
  130.         {
  131. 		refT.value += textpre + textpost;
  132. 		if(scrollTop>-1) refT.scrollTop = scrollTop;
  133.         }
  134. }
  135.  
  136. /* some methods to get things working in Mozilla as well */
  137. function mozWrap(txtarea, lft, rgt) 
  138. {
  139. 	var selLength = txtarea.textLength;
  140. 	var selStart = txtarea.selectionStart;
  141. 	var selEnd = txtarea.selectionEnd;
  142. 	if (selEnd==1 || selEnd==2) selEnd=selLength;
  143. 	var s1 = (txtarea.value).substring(0,selStart);
  144. 	var s2 = (txtarea.value).substring(selStart, selEnd)
  145. 	var s3 = (txtarea.value).substring(selEnd, selLength);
  146. 	txtarea.value = s1 + lft + s2 + rgt + s3;
  147. }
  148. function mozReplace(txtarea, newText) 
  149. {
  150. 	var selLength = txtarea.textLength;
  151. 	var selStart = txtarea.selectionStart;
  152. 	var selEnd = txtarea.selectionEnd;
  153. 	if (selEnd==1 || selEnd==2) selEnd=selLength;
  154. 	var s1 = (txtarea.value).substring(0,selStart);
  155. 	var s2 = (txtarea.value).substring(selStart, selEnd)
  156. 	var s3 = (txtarea.value).substring(selEnd, selLength);
  157. 	txtarea.value = s1 + newText + s3;
  158. }
  159. function mozSelectedText(txtarea) 
  160. {
  161. 	var selLength = txtarea.textLength;
  162. 	var selStart = txtarea.selectionStart;
  163. 	var selEnd = txtarea.selectionEnd;
  164. 	if (selEnd==1 || selEnd==2) selEnd=selLength;
  165. 	return (txtarea.value).substring(selStart, selEnd);
  166. }
  167.  
  168. function getCaretText(txtarea) 
  169. {
  170. 	if (!document.all && document.getElementById)
  171. 		return mozSelectedText(txtarea);
  172. 	else
  173. 		return lastSelected.caretPos.text;
  174. }
  175.  
  176. function isCaretEmpty(txtarea) 
  177. {
  178. 	if (lastSelected && lastSelected.createTextRange && lastSelected.caretPos)
  179. 		return (lastSelected.caretPos.text == '');
  180. 	else if (!document.all && document.getElementById)
  181. 		return (mozSelectedText(txtarea) == '');
  182. 	else
  183. 		return true;
  184. }
  185.  
  186. function BtnHighlight(el) 
  187. {
  188.         with(el.style)
  189.         {
  190. 		borderLeft="1px solid gray";
  191. 		borderRight="1px solid #e9e9e9";
  192. 		borderTop="1px solid gray";
  193. 		borderBottom="1px solid #e9e9e9";
  194.         }
  195. }
  196.  
  197. function BtnNormal(el) 
  198. {
  199.         with(el.style)
  200.         {
  201. 		padding="3px";
  202. 		border="1px solid #dddddd";
  203.         }
  204. }
  205.

^ TOP

02/09/2007

Комментарии

 
( ):