TinyMCE (TM) – A Free Javascript WYSIWYG Editor (http://tinymce.moxiecode.com)
Podemos incrustar un editor TinyMCE en nuestra aplicación de Prado a través del control THtmlArea:
Ejemplo 1: THtmlArea con la configuración predeterminada.
<com:THtmlArea ID="HtmlArea1" />Ejemplo 2: THtmlArea con opciones personalizadas
<com:THtmlArea ID=”THtmlArea2″ Width=”400px” Height=”450px”>
<prop:Options>
theme : “advanced”,
plugins : “devkit,layer,table,advhr,insertdatetime,searchreplace,contextmenu,paste,directionality”,
theme_advanced_buttons1 : “fontselect,fontsizeselect,|,bold,italic,underline,|,justifyleft,justifycenter,justifyright,justifyfull,bullist,numlist,|,outdent,indent,|,insertdate,inserttime”,
theme_advanced_buttons2: “cut,copy,paste,|,search,replace,|,tablecontrols,|,hr,image,code,”,
theme_advanced_buttons3 : ” “,
theme_advanced_buttons4 : ” “,
theme_advanced_toolbar_location : “top”,
theme_advanced_toolbar_align : “left”,
plugin_insertdate_dateFormat : “%d/%m/%Y”,
plugin_insertdate_timeFormat : “%H:%M:%S”,
extended_valid_elements : “img[class|src|border=0|alt|title|hspace|vspace|width|height|align|onmouseover|onmouseout|name],hr[class|width|size|noshade],font[face|size|color],span[class|align|style]“
</prop:Options>
</com:THtmlArea>
Para acceder a sus datos en el archivo .php sólo se deberá establecer
$html = $this->HtmlArea2->Text;
con lo cual se recupera el código html generado a través del control.
Hemos vismo un sencillo ejemplo de incorporación de un potente editor de texto en nuestra aplicación, con sólo una pocas líneas podemos ofrecer opciones de escritura para los usuarios de nuestro sitio.
