viernes, 30 de agosto de 2013

Intelligent replacement demo

Intelligent replacement demo

What is the intelligent replacement?

Intelligent replacement is a cool functionality which objective is to allow a powerful way to access small pieces of HTML code in a simple way by using an index.


Here is an example...


Intelligent replacement makes me happy :)


Typically if we would like to replace the ":)", you can do so by inserting a smiley icon that will have to point to a reference to an smiley image, whether from a server or an image uploaded as part of the document.


Girasol Editor already has a plugin that adds emoticons to the intelligent replacement. If we go to Girasol > settings > plugins and use Intelligent Replacement filter we will find Fatcow emoticons plugin.


Img101-2


After you enable this extension the new   replacements will appear on the Intelligent Replacement panel and the index will be updated with replacements for some icons that will serve us to complete our document.


Our sentence


Intelligent replacement makes me happy :)


Simply select the text to replace and use menu Replacement intelligent action.


Intelligent replacement makes me happy emotion-bigsmile ( Highlight the:) characters + Ctrl + Space) .


Additionally the on one side the "Intelligent Replacement" panel shows available replacement keys and with drag & drop you can access these.


I love the Intelligent replacement emotion-love-2    (Drag and droping the (L) key from the panel) .


Finally the shortcut CTRL + SHIFT + SPACEBAR will select the last Word automatically for easy access to replacements.


The Intelligent Replacement is powerful emotion-cool-2 (With the caret just after the characters B-) press Ctrl + Shift + Space)

You can create your custom replacement keys

With the purpose of to being able to define our own replacements we will install another plugin. If we are going to Girasol > settings > plugins and use the Intelligent Replacement filter will find Configurable Intelligent Replacement plugin.


Img775-2

This plugin will add the Replacements settings to the dialog. We will use it to add our own chains of HTML.


Img559


After we pres the symbol of addition a dialog appears for us to define the text that we will replace.


Img289


With this line of HTML we end our tutorial for Intelligent Replacement


Thank you!
I hope this will help your ideas to bloom

sábado, 24 de agosto de 2013

Demostración del Reemplazo Inteligente

Demostración del Reemplazo Inteligente

¿Qué es el reemplazo inteligente?

El reemplazo inteligente es una funcionalidad que lo que busca es permitir una forma poderosa de acceder a pequeñas piezas de código HTML de forma sencilla mediante un índice.


Veamos un ejemplo...


El reemplazo inteligente me hace feliz :)


Típicamente si quisieramos reemplazar lo símbolos ":)" por un ícono emotivo de una carita feliz tendríamos que hacer referencia a una imagen, ya sea desde un servidor o una imagen subida como parte del documento.


Girasol Editor ya tiene una extensión que le agrega íconos emotivos al reemplazo inteligente. Si vamos a Girasol>Configuración>Extensiones y utilizamos el fitro Reemplazo inteligente encontraremos la extensión Íconos emotivos de Fatcow.


Img49


Al habilitar dicha extensión se instalan en el panel e índice de reemplazos algunos íconos que nos servirán para completar nuestra oración.


El reemplazo inteligente me hace feliz :)


Basta con seleccionar el texto a reemplazar y utilizar del menú la acción Reemplazo Inteligente.

El reemplazo inteligente me hace feliz emotion-bigsmile-2 (Selecciona :) + Ctrl + Barra Espaciadora) .


Adicionalmente el panel lateral denominado "Reemplazo Inteligente" nos muestra las llaves de reemplazo disponibles y con solo arrastrar y soltar es posible acceder a estos.


Amo el reemplazo inteligente emotion-love (Arrastrándo y soltando el texto (L) desde el panel) .


Finalmente el método abreviado Ctrl+Barra Espaciadora seleccionará la última palabra automáticamente para acceder con facilidad a los reemplazos.


El Reemplazo Inteligente es poderoso emotion-cool (Ctrl + Shift + Barra Espaciadora justo después de los caracteres B-) ) .



Crear Reemplazos Personalizados

Con la finalidad de que poder definir nuestros propios reemplazos instalaremos otra extensión. Si vamos a Girasol>Configuración>Extensiones y utilizamos el fitro Reemplazo inteligente encontraremos la extensión Reemplazo Inteligente Configurable.


Img903

Esta extensión agregará el Administrador de Reemplazos al diálogo de configuración que nos permitirá utilizar el reemplazo inteligente con nuestras propias cadenas de HTML.



Img848-2
Oprimimos el símbolo de agregar y en el diálogo que aparece definimos el texto que reemplazaremos.


Img464-3

Con esta cadena de HTML es posible terminar el tutorial para el reemplazo inteligente .



Saludos y que floresca su labor creativa.