IDE vs Editor de código ¿Cual usar?

Para ver en youtube clic aquí

(No olvides suscribirte)

  Herramientas para editar código hay muchas, pasado el tiempo te darás cuenta que las funciones que incorporan, su peso, y otros factores, hacen que las podamos agrupar en dos categorías: IDES y Editores livianos, ambas muchas veces se solapan entre sí hasta el punto en el que hacen que nos preguntemos si tiene sentido separarlas, y la verdad no hay una separación clara, no existe por ejemplo una manual universal que nos indique las diferencias entre cada una, y esto ocurre porque la separación aveces puede llegar a ser un poco subjetiva, dependiendo de la herramienta en cuestión, ya que muchas intentan pararse justo en el medio de ambas categorías para combinar lo mejor.
  Claro esta hay editores de código cuya posición es clara, por ejemplo Notepad++, a este no se le puede comparar con un IDE y de esto no hay duda, y luego tenemos a Visual Studio Code autodenominado editor pero con capacidades de depuración y el muy aclamado Intellisense, lo cual no es mas que el nombre que Microsoft le da a las sugerencias de código, por lo tanto este último lo podemos ubicar en el medio pero inclinandose mas hacia el lado de los editores.
   Te invito a ver el video que acompaña a esta entrada, con una visión muy personal intentaré indicarte cuando es mejor usar cada uno, pero te aclaro desde ya que esto puede llegar a ser bastante subjetivo, así que coméntame tu opinión para que otros la puedan ver y así también les sea de utilidad

TinyMCE Los Plugins

Para ver en Youtube click aquí
Dame like en facebook, click aquí

Plugin de imagenes

  Como vimos en el video, para colocar cualquier plugin escribimos la palabra "plugins", seguido dos puntos ":" y entre comillas el plugin que queramos colocar.

 El plugin "image" sirve para poder colocar imágenes en nuestro editor de texto :

tinyMCE.init({

selector : "#editor",

plugins : "image",

})

Control de la barra de herramientas :

toolbar : "image"

Control de barra de menú :

menubar : "insert"

  Recuerda que el menú insert es común a varios plugins.

  Para ver mas detalladamente como personalizar la interfaz de nuestro editor, haz click aquí para ver el primer video.

Ejemplo completo con la interfaz personalizada :

tinyMCE.init({

selector : "#editor",

plugins : "image",

image_dimensions : false,

image_description : false,

image_advtab : true,

image_list : [

{title : "Calculadora", value : "png/calculator.png" },

{title : "Agenda", value : "png/agenda.png"},

{title : "Calendario", value : "png/calendar.png"}

]

})

Plugin "media"

Ejemplo completo :

tinyMCE.init({

selector : "#editor",

plugins : "media",

media_dimensions : false,

media_alt_source : false,

media_poster : false

})

Controles :

toolbar : "media",

menubar: "edit"

Plugin "searchrecplace"

tinyMCE.init({

selector : "#editor",

plugins : "searchreplace"

})