4 Plugins de jQuery para editar in place

4 Plugins de jQuery para editar in place, son sin duda unos plugins muy interesante, debido a que nos permite editar el contenido de un texto sin que se tenga que hacer alguna petición de información o utilizar un panel para editar dicha información, los llamados “in place”.
[infobox color=”yellow”]1.- Medium editor[/infobox]
Este plugin permite interactuar con los contenidos en tiempo y forma, un claro ejemplo puede verse en el siguiente enlace  http://daviferreira.github.io/medium-editor/, al dar double click puede observarse como aparece un editor en la parte superior con elementos básicos que posteriormente se puede personalizar, por ejemplo subir una imagen quitar editar otro tipo de contenido “text” un ejemplo de la implementación se puede ver en este enlace :http://orthes.github.io/medium-editor-insert-plugin/

Muy importante también que este plugin esta preparado para:

1.- subir imágenes y para

2.- cambiar de color,

3.-  personalizar los botones.

4.- Editor para textos largos y cortos

5.- Múltiples editores

Puedes visitar el enlace del autor que especifica como usarlo y que tanto podemos implementar: https://github.com/daviferreira/medium-editor, tambien podemos descargarnos el plugin completo el cual tiene demostraciones de todo lo que se puede crear.

[infobox color=”yellow”]2.-TinyMCE[/infobox]
Este editor es muy bueno visualmente y además cuenta con muy buena documentación que en concreto puede ayudarte a empezar a utilizar en cualquier aplicación, todo el contenido para editar se maneja en un área de texto, entre las empresas que podemos distinguir el uso de este potente plugin son:

  1. Facebook
  2. WordPress
  3. Oracle
  4. Microsoft
  5. Apple
  6. IBM
  7. Joomla

Más: http://www.tinymce.com/enterprise/using.php

Lo importante que tiene este plugin es que cuenta con varias modalidades entre las que destacan:

  1. Básico
  2. Full
  3. Inline (http://www.tinymce.com/tryit/inline.php)
  4. Control
</span>

<!-- Place inside the <head> of your HTML -->
<script type="text/javascript" src="<your installation path>/tinymce/tinymce.min.js"></script>
<script type="text/javascript">
tinymce.init({
 selector: "textarea"
 });
</script>

<!-- Place this in the body of the page content -->
<form method="post">
 <textarea></textarea>
</form>

http://www.tinymce.com/index.php

[infobox color=”yellow”]3.-PopLine[/infobox]
También es bueno comentar que ya habíamos hablado antes de un editor que se llama popline que también sera muy recomendable implementar en cualquier ocasión.

http://develoteca.com/popline-un-editor-inline-para-nuestros-usuarios/
[infobox color=”yellow”]4.- Jeditable[/infobox]
Este plugin es mucho más pobre en algunos casos pues realmente lo que coloca es un formulario sencillo, si queremos implementar una aplicación con ajax, tal vez este te ayude a realizarlo sin ningún problema, aunque su implementación no tiene ningún atractivo visual, puede personalizarse ya que es un plugin que construye los formularios.

Ejemplos:http://www.appelsiini.net/projects/jeditable/default.html

Su implementacion es de igual forma muy legible en la siguiente dirección: http://www.appelsiini.net/projects/jeditable

You may also like...