Puede haber otra manera. Echale un vistazo a éste ejemplo. http://tinymce.moxiecode.com/examples/example_23.php
Puede usar los enlaces en la parte inferior (Mostrar, Ocultar, Negrita, Obtener Contenido, etc.) como un menú (puede requerir un poco de estilo). Luego, obtenga el ID del área de texto actualmente en foco y páselo al menú (#corriente) y úselo para cambiar ese área de texto.
para lograr lo que usted está describiendo:
- Primera deshabilitar todos los elementos de menú TinyMCE indivudual.
- Una vez que están deshabilitadas, crea tu propio menú TinyMCE en HTML y ajústalo como corresponde.
- Determine qué área de texto TinyMCE en el foco
- Aplicar las acciones de su nuevo menú a la caja de texto que se centra
Ahora un poco de código (puede requerir un poco de depuración ...)
En primer lugar, Inicializa TinyMCE y deshabilita los menús.
tinyMCE configs
({
mode : "textareas",
theme : "advanced",
editor_selector : "editable"
theme_advanced_buttons1 : "",
theme_advanced_buttons2 : "",
theme_advanced_buttons3 : "",
theme_advanced_toolbar_location : "botton",
theme_advanced_statusbar_location : "bottom" });
creo que también se puede editar la función _addToolbars en tiny_mce/themes/avanzadas/editor_template_src.js y luego las maletas.
a continuación, determinar el área de texto que se encuentra actualmente en el foco usando jQuery aprieto:
$().ready(function() {
var current;
$('.editable').focus(
current = this.id;
);
$('.editable').blur(
//maybe hide the menu (?)
);
}
continuación, crear el HTML con nuestras áreas de texto y el menú
<form method="post" action="somepage">
<div id="independent_menu">
<!-- The Menu, Please Style Accordingly -->
<a href="javascript:;" onmousedown="$('#current').tinymce().show();">[Show]</a>
<a href="javascript:;" onmousedown="$('#current').tinymce().hide();">[Hide]</a>
<a href="javascript:;" onmousedown="$('#current').tinymce().execCommand('Bold');">[Bold]</a>
<a href="javascript:;" onmousedown="alert($('#current').html());">[Get contents]</a>
<a href="javascript:;" onmousedown="alert($('#current').tinymce().selection.getContent());">[Get selected HTML]</a>
<a href="javascript:;" onmousedown="alert($('#current').tinymce().selection.getContent({format : 'text'}));">[Get selected text]</a>
<a href="javascript:;" onmousedown="alert($('#current').tinymce().selection.getNode().nodeName);">[Get selected element]</a>
<a href="javascript:;" onmousedown="$('#current').tinymce().execCommand('mceInsertContent',false,'<b>Hello world!!</b>');">[Insert HTML]</a>
<a href="javascript:;" onmousedown="$('#current').tinymce().execCommand('mceReplaceContent',false,'<b>{$selection}</b>');">[Replace selection]</a>
</div>
<!-- The Text Areas -->
<textarea class="editable" id="one">Some Text Here</textarea>
<textarea class="editable" id="two">Yet another text area</textarea>
<textarea class="editable" id="three">Final Text Area</textarea>
http://tinymce.moxiecode.com/examples/example_15.php - este es el ejemplo barras de herramientas externa –
Gracias por tanto de las respuestas. He analizado todos los ejemplos en el sitio web de TinyMCE, y aunque me han orientado en la dirección correcta, no es lo que busco.Estoy mirando profundamente la API y el método execCommand. Esto puede terminar siendo lo que estoy buscando. – littlejim84