SummArg | Cursos y recursos para webmasters

30/11/2010

Utilizar el editor TinyMCE para los comentarios en tu WordPress

WordPress utiliza el editor WYSIWYG llamado TinyMCE sobre el cual pueden encontrar mas información en la web del recurso y que puede utilizarse en otros textarea de nuestro sitio en cualquier momento. Bastará con hacer las llamadas correspondientes en el header.php del theme activado.

Entre etiquetas <head> deberán colocar:

<script type="text/javascript" src="/wp-includes/js/tinymce/tiny_mce.js"></script>
<script type="text/javascript">
function brstonewline(element_id, html, body){
	html = html.replace(/<brs*/>/gi, "n");return html;
}
 
function insertHTML(html) {
	tinyMCE.execCommand("mceInsertContent",false, html);
}
 
tinyMCE.init({
			 mode : "exact",
			 elements : "comment",
			 theme : "advanced",
			 theme_advanced_buttons1 : "bold,italic,underline,separator,strikethrough,separator,undo,redo,separator,separator,removeformat",
			 theme_advanced_buttons2 : "",
			 theme_advanced_buttons3 : "",
			 theme_advanced_toolbar_location : "top",
			 theme_advanced_toolbar_align : "left",
			 theme_advanced_statusbar_location : "bottom",
			 theme_advanced_resizing : true,
			 theme_advanced_resize_horizontal : false,
			 theme_advanced_disable : "code",
			 force_p_newlines : false,
			 force_br_newlines : true,
			 forced_root_block : "",
			 gecko_spellcheck : true,
			 content_css : "/wp-includes/js/tinymce/wordpress.css",
			 directionality : "ltr",
			 save_callback : "brstonewline",
			 entity_encoding : "raw",
			 plugins : "",
			 extended_valid_elements : "a[name|href|title],hr[class|width|size|noshade],font[face|size|color|style],span[class|align|style],blockquote[cite]",
			 language : ""});
 
var subBtn = document.getElementById("submit");
if (subBtn != null) {
	subBtn.onclick=function() {
		var inst = tinyMCE.getInstanceById("comment");
		document.getElementById("comment").value = inst.getContent();
		document.getElementById("commentform").submit();
		return false;
	}
}
</script>

Ahora WordPress mostrará el editor avanzado activando las opciones que se le indiquen. Pueden investigar sobre las opciones y plugins de TinyMCE en Moxiecode

Dejar un comentario