Nota - Un widget de edición de texto en vivo - KolMitE

Nota – Un widget de edición de texto en vivo

Nota – Un widget de edición de texto en vivo

noviembre 29, 2018 Widget 0


Descripción

Note es un widget simple y fácil de usar para editar bits de texto, en vivo, en su Personalizador de front-end de WordPress. Agregue Notas a cualquier barra lateral para visualizar cómo aparecerá su copia dentro del diseño y diseño únicos de su sitio web.

Con la Nota, no hay más doloroso ida y vuelta desde el panel de WordPress hasta la parte delantera de su sitio para actualizar. Simplemente agregue su widget Note en una barra lateral y comience a escribir. Es fácil.

La nota es presentada por el equipo de Conductor Plugin. Estamos haciendo el diseño de contenido y mostramos una cincha con Conductor.

Caracteristicas

  • Rápido y ligero
  • Soporte de personalización de front-end en vivo
  • Edición de texto en vivo en un widget
  • Aplique estilos de texto comunes a su copia.
  • Crea enlaces utilizando el modal emergente de WordPress.
  • Funciona en cualquier barra lateral de WordPress
  • Visualice la apariencia correcta de su copia sin adivinar

Ver nota sobre Github | Rastreador de problemas

Caracteristicas

  • Rápido y ligero
  • Soporte de personalización de front-end en vivo
  • Edición de texto en vivo en un widget
  • Aplique estilos de texto comunes a su copia.
  • Crea enlaces utilizando el modal emergente de WordPress.
  • Funciona en cualquier barra lateral de WordPress
  • Visualice la apariencia correcta de su copia sin adivinar

Problemas / Bugs

Por favor, informe cualquier problema o error en el Rastreador de problemas de GitHub.

Capturas de pantalla

  • Nota Widget de interfaz de usuario en el personalizador
  • Creando un widget de nota en el personalizador

Instalación

  1. Subir nota al directorio ‘/ wp-content / plugins /’
  2. Active el complemento a través del menú “Complementos” en WordPress
  3. Un widget de nota ahora está disponible para su uso en el personalizador

Preguntas más frecuentes

Instrucciones de instalación
  1. Subir nota al directorio ‘/ wp-content / plugins /’
  2. Active el complemento a través del menú “Complementos” en WordPress
  3. Un widget de nota ahora está disponible para su uso en el personalizador
¿Cómo agrego texto al widget?

Debe estar en el Personalizador de front-end de su sitio web de WordPress. Una vez que estés allí, agrega el widget de Nota en la configuración de la barra lateral.

¿Por qué no puedo escribir texto en la pantalla de administración?

Note fue creado para que pueda visualizar la apariencia de su copia en el contexto del diseño de su sitio web. La mejor manera de experimentar Note es – hazlo en vivo.

¿Cuándo vas a soportar otras características en Nota?

Nos complace recibir sus comentarios en https://conductorplugin.com/contact/.

Opiniones

Gracias 🎐

faietdohrnii

Agradecería poder comprar una actualización independiente de la nota con mejores opciones para la imagen de fondo y las opciones de texto (posición, flotante, subrayado, etc., en negrita con el interior en blanco) …

Hmmmm

Darthhell

No parece funcionar sin importar el tema que use.

(actualización) No es lo que estaba buscando, la aplicación parece funcionar pero no como pensaba. Se modificó la calificación. Lo siento por eso.

Lo que sería genial es una aplicación en la que puedes cambiar el contenido directamente desde la página si inicias sesión como administrador. Para no tener que pasar por el panel

GUAU

hamsterman

Esto es genial, realmente innovador. Continúe desarrollando esto … y pondrá a WIX, etc. fuera del negocio.

Leer las 6 críticas

Colaboradores y Desarrolladores

“Nota: un widget de edición de texto en vivo” es un software de código abierto. Las siguientes personas han contribuido a este plugin.

Contribuyentes

Traducir “Nota – Un widget de edición de texto en vivo” a su idioma.

¿Interesado en el desarrollo?

Examine el código, visite el repositorio de SVN o suscríbase al registro de desarrollo por RSS.

Registro de cambios

1.4.7 // 06 de junio de 2018

  • Se corrigió un error por el que Note Widgets perdía el foco al escribir si el Personalizador no se guardaba antes de editar
  • CSS ajustado para Note TinyMCE inserta el botón del panel de medios (el botón ahora aparece en el centro de la barra de herramientas)
  • Se eliminaron los estilos CSS de margen / relleno extra en los editores de widgets de nota
  • Se corrigió un error por el cual los editores de Widget de Nota no estándar no estaban enfocados cuando se hacía clic en el botón “Editar contenido” durante una sesión del Personalizador

1.4.6 // 01 de junio de 2018

  • Transicionó al tema “en línea” de TinyMCE (la versión 4.7 de TinyMCE movió la mayor parte de la lógica de la interfaz de usuario de TinyMCE al tema en lugar del núcleo de TinyMCE)
  • Iconos ajustados en los complementos Nota Insertar y Nota Backgroud TinyMCE
  • Se agregó la lógica del marcador de posición del tema Note TinyMCE al complemento TinyMCE del marcador de posición de nota
  • Lógica ajustada para cargar complementos Note TinyMCE (movido a la acción “wp_print_footer_scripts”)
  • Nota ajustada configuración TinyMCE (usando insert_toolbar y selection_toolbar para el tema TinyMCE “en línea”, eliminé la barra de menú, eliminé el plugin TinyMCE wpembed)
  • Se agregó lógica para ocultar la barra de herramientas de contexto de imagen TinyMCE “inlite” cuando se seleccionó un nodo de imagen
  • Se agregó lógica para poner en cola los estilos del editor de WordPress para usar en Nota
  • Se ajustaron varios estilos de notas TinyMCE CSS.

1.4.5 // 16 de junio de 2017

  • Se corrigió un error en el que se producía un posible error fatal de PHP cuando un objeto de consulta no tenía el método is_main_query ()
  • Se corrigió el uso incorrecto de remove_action () (demasiados argumentos)
  • Se agregaron declaraciones de visibilidad de PHP faltantes a varias clases de PHP

1.4.4 // 20 de febrero de 2017

  • Se corrigió un error por el que las Áreas de Widget de Nota no se procesaban correctamente si había un WP_Query () dentro de “The Loop”; Gracias lisa snyder

1.4.3 // 12 de diciembre de 2016

  • Correcciones de WordPress 4.7
    • Se solucionó el problema de visualización donde los elementos HTML del Widget de Nota no tenían un ancho del 100%
    • Lógica agregada para anular la función del personalizador de JavaScript isLinkPreviewable () para garantizar que los enlaces dentro de Note Widgets no heredaron las cadenas de consulta de vista previa del conjunto de cambios del personalizador
  • Lógica agregada para intentar mantener el cursor en el último widget de nota activo dentro del editor al crear una instancia para evitar que la barra de herramientas del tema Note TinyMCE aparezca fuera de los widgets de nota

1.4.2 // 23 de mayo de 2016

  • Transicionó a wp.media.editor.open () en lugar de wp.media.view.MediaFrame.open () para asegurar que las referencias activas del editor TinyMCE se configuraron correctamente cuando se abrieron los medios de comunicación (se corrige un error en el que se insertó el medio en el mal) Editor de TinyMCE); Gracias lisa snyder
  • Lógica ajustada para garantizar mejor que el Personalizador Previewer se actualice en varios cambios de configuración
  • Se eliminaron algunas variables no utilizadas en varias funciones de devolución de llamada de eventos

1.4.1 // 06 de mayo de 2016

  • General
    • Código ajustado de comentarios y formato.
  • Nota barras laterales
    • Se eliminó la lógica para eliminar el panel de Widgets simulados en el Personalizador (corrige el aviso de WordPress 4.5)
    • Verborrea ajustada para barras laterales de notas: se ha cambiado a área (s) de widgets de notas
  • Nota Widget
    • Las referencias a las columnas reemplazadas se refieren a las referencias predeterminadas de las filas en el widget de nota para el número mínimo de filas
    • Lógica ajustada de wplink para corregir la funcionalidad en IE y Firefox
    • Se corrigió un error en Firefox e IE donde una imagen dentro de un enlace no se podía editar después de que el enlace se hubiera agregado a la imagen en una edición anterior
    • Actualizacion wplink TinyMCE plugin CSS
    • Lógica agregada para enfocar el editor antes de que se abrieran los modals de medios (marcos) para asegurar que los medios se insertaran en el editor correcto en una página
    • Lógica agregada para adjuntar marcos de medios al editor (corrige un error en IE y Firefox donde la representación del marco no finaliza debido a que $ el es visible antes de que se inserte en el DOM)
    • Se eliminó la configuración de ocultación automática de la configuración del panel flotante del tema Note TinyMCE (las correcciones se muestran en los navegadores donde la barra de herramientas se ocultaría en algunos casos cuando no debería haberlo hecho)
    • Se agregó el indicador de omitir enfoque a las llamadas editor.focus () antes de que se mostraran los medios de comunicación.
    • Se agregó lógica para permitir que algunas barras de herramientas permanezcan visibles cuando se muestra el panel de temas Note TinyMCE
    • Lógica ajustada para que el panel de tema Note TinyMCE se reposicione a los límites del editor si no se pudieron determinar los límites de selección actuales (corrige un error en IE donde la barra de herramientas de edición de imágenes estaba ubicada en la parte superior de la ventana)
    • El panel temático TinyMCE de la Nota asegurada se ocultó si la selección del editor se colapsó en los eventos de cambio de selección y cambio de nodo
    • Se aseguró que la barra de herramientas de edición de imágenes se mostrara si se seleccionó un enlace en el editor que contenía una imagen
    • Lógica agregada para ocultar el panel de temas Note TinyMCE en los eventos wp_link_cancel o wp_link_apply (corrige un error en Firefox donde la barra de herramientas permanecía visible aunque la selección del editor se había colapsado debido a que el evento selectionchange no se activaba)

1.4.0 // 13 de abril de 2016

  • General
    • Se eliminó la lógica de compatibilidad hacia atrás específica para WordPress 4.0 y versiones inferiores
  • Nota Widget
    • Lógica del tema TinyMCE de Refactored Note (código organizado, lógica ajustada para mostrar / ocultar el panel / barras de herramientas)
    • Se corrigió un error por el cual los menús de TinyMCE permanecían abiertos después de que se ocultara el panel Note TinyMCE
    • Se eliminaron los activos innecesarios a favor de usar los activos de WordPress (“wplink”, “wpview”, “listas” y “complementos de TinyMCE de” medios “)
    • El plugin TinyMCE CSS 'wplink' ajustado para ser compatible con WordPress 4.5
    • Se agregó una imagen de carga desde WordPress para el campo de entrada del complemento 'wplink' de TinyMCE
    • Se agregó una lógica para intentar enfocar el editor TinyMCE activo antes de que apareciera el modal de medios al insertar una imagen
    • Utilice la funcionalidad de WordPress para crear barras de herramientas TinyMCE (editor.wp._createToolbar ())
  • Nota Flexbox
    • Nota ajustada Flexbox CSS para asegurar una mejor compatibilidad entre navegadores

1.3.1 // 11 de diciembre de 2015

  • Se corrigió un error en WordPress 4.4+ donde no se guardaban los datos enviados desde el Previewer (editor de TinyMCE) al Personalizador (Control de Widget de Nota)
  • Se corrigió un error en WordPress 4.4+ donde los nombres de campo en los Widgets de Nota no contenían correctamente un corchete de cierre que provocaba que los datos no se guardaran

1.3.0 // 05 de noviembre de 2015

  • Nota Widget
    • Se reemplazó la nota Widget self :: WP_Widget () llamada con parent :: __ construct () call (corrige las advertencias de PHP en futuras versiones de WordPress)
    • Introduzca el filtro note_tinymce_editor_types para permitir que se declaren diferentes tipos de editor de TinyMCE
    • Introduzca note_tinymce_preview_styles para permitir el ajuste de las propiedades de CSS que TinyMCE styles_format heredaría para la “vista previa” dentro del menú desplegable de Styles TinyMCE
    • Introduzca el filtro note_tinymce_blocks para permitir el ajuste de los elementos de bloque que se agregaron al panel de “Insertar” Note TinyMCE
    • Introduzca el filtro note_tinymce_style_formats para poder ajustar los formatos de estilo en los editores de Note TinyMCE
    • Introduzca el filtro note_tinymce_editor_plugins para permitir el ajuste de los complementos específicos del tipo Note TinyMCE editor
    • Introduzca el filtro note_tinymce_editor_blocks para permitir el ajuste de bloques de tipo de editor Note TinyMCE específicos
    • Presente el filtro note_tinymce_editor_toolbar para permitir el ajuste de los botones específicos de la barra de herramientas del tipo de editor Note TinyMCE
    • Introduzca el filtro note_tinymce_editor_preview_styles para permitir el ajuste de los estilos específicos de vista previa del tipo Note TinyMCE
    • Introduzca el filtro note_tinymce_editor_style_formats para permitir el ajuste de los formatos de estilo de tipo de editor Note TinyMCE específicos
    • Presente el filtro note_tinymce_editor_placeholder para permitir ajustar el marcador de posición específico del tipo de editor Note TinyMCE
    • Introduzca el filtro note_tinymce_editor_settings para permitir ajustar todas las configuraciones específicas del tipo de editor Note TinyMCE
    • Se agregó una funcionalidad para garantizar que la lógica de actualización de Previewer se haya vuelto a implementar solo después de que todas las solicitudes de AJAX para las actualizaciones del Widget de Nota hayan finalizado (verificando que la solicitud no se haya cancelado debido a otro cambio de valor de configuración); Debido a la naturaleza de Note, esto garantiza que la vista previa no se actualice durante la edición de contenido
    • Introduzca la configuración de “Diseños de pantalla” en Widgets de nota para permitir diferentes pantallas de contenido (portadas desde una versión anterior de Conductor)
    • Presente el complemento de fondo Note TinyMCE para permitir que una imagen de fondo se aplique a un widget de nota (no habilitado de forma predeterminada)
    • Introduzca note_widget_background_image_css fitler para permitir ajustes de CSS en las imágenes de fondo de Note Widget
    • Presente el complemento de marcador de posición TinyMCE para permitir elementos de marcador de posición más exclusivos en los widgets de nota
    • Contiene lógica para determinar cuándo existe un contenido de marcador de posición mixto y para aplicar solo la lógica de marcador de posición a los elementos de marcador de posición dentro del contenido
    • Contiene lógica para permitir elementos de marcador de posición anidados dentro de otros elementos
    • Use el atributo data-note-placeholder = “false” para especificar elementos que no deben heredar la funcionalidad de marcador de posición
    • Nota ajustada Lógica del complemento de marcador de posición TinyMCE para asegurar que se pegue el contenido en un elemento de marcador de posición funcionalidad quitada
    • Se ajustaron todos los nombres / ID del complemento TinyMCE del widget de nota para mejorar la legibilidad (se agregó ‘_’ entre las palabras en los nombres / ID)
    • Detector de eventos agregado para el evento “SetAttrib” de TinyMCE para garantizar que el contenido actualizado se envió a los Widgets de Nota cuando se actualizaron los atributos de los elementos
    • Lógica ajustada del personalizador para garantizar una mejor experiencia de usuario en el personalizador cuando se activó la lógica del botón “Editar” en el complemento de inserción de nota TinyMCE
  • Nota Widget TinyMCE Theme
    • CSS ajustado para asegurar una mejor compatibilidad entre temas
    • Se ajustó el CSS “central” para garantizar que la experiencia del usuario entre el back-end y la edición de front-end se mantuviera constante
  • Plantillas de notas
    • Introducir plantillas de notas (sistema de plantillas)
    • Presente la función note_get_template_part () para permitir que se carguen plantillas específicas en Note Widgets según la configuración / configuración de “Diseño de pantalla”
    • Presente la función note_locate_template_part () para buscar / localizar archivos de pieza de plantilla
  • Nota barras laterales
    • Se corrigió el error por el que la eliminación de una barra lateral de notas daba como resultado una barra lateral del personalizador inutilizable cuando la barra lateral de notas era el componente activo del personalizador
    • Se corrigió el error por el que la acción y la descripción del Personalizador de la barra lateral de notas no se representaban correctamente al crearse durante una sesión del Personalizador

1.2.2 // 19 de agosto de 2015

  • Correcciones de WordPress 4.3
    • Se reemplazó la nota Widget self :: WP_Widget () llamada con parent :: __ construct () call (corrige las advertencias de PHP en WordPress 4.3+)
    • Se corrigió el error en WordPress 4.3 donde la función _createToolbar () no estaba disponible en el editor wp object (editor.wp), debido a que la configuración de Widget de nota TinyMCE no incluye el complemento TinyMCE ‘wordpress’
    • Nota ajustada Widget TinyMCE tema CSS

1.2.1 // 25 de junio de 2015

  • Se corrigió un error en el que la función Note_Widget () podría no estar definida y la clase Note_Customizer arrojaría un error de PHP fatal; Gracias luis martins
    • Este error provocó indirectamente un conflicto con WordPress SEO por Yoast en las páginas del mapa del sitio
    • @ver https://github.com/Yoast/wordpress-seo/blob/09488fd5662d25a843d9715a12133e22e4aaf38d/inc/class-sitemaps.php#L106-L117

1.2.0 // 09 de junio de 2015

  • Introducir nota barras laterales
  • Botones de la interfaz de usuario de la barra lateral de la nota
  • Introducir Nota Modal Windows
  • Introducir ajustes de nota
  • Introduzca la página de configuración de notas en el panel de control (Configuración> Nota)
  • Presentar la funcionalidad de desinstalación de notas
  • Se reemplazó el filtro 'note_widget_content_placeholder ’con' note_tinymce_placeholder '
  • Ajustar CSS en varios elementos de Marco de medios
  • Se solucionó el problema por el cual una imagen cargada no se podía insertar en un Widget de Nota durante una sesión del Personalizador; Gracias lise galipeau
  • Se corrigió el error de JavaScript en el que el objeto “marco” aún no se había agregado al objeto wp.media y los comandos modales Note intentaban escuchar el objeto faltante “marco” que daba como resultado un error de JavaScript
  • Se corrigió el error por el cual el contenido dentro de una etiqueta de dirección HTML no podía alinearse correctamente a través de la barra de herramientas de notas al editar un widget de nota

1.1.2 // 12 de marzo de 2015

  • La nota movida localiza los datos a la clase PHP Note_Customizer
  • Se agregó la capacidad de permitir que otros complementos usen la Nota como una capa de “transporte” para enviar datos al Personalizador desde cualquier Editor TinyMCE
  • Se agregó la capacidad de permitir que el complemento noteinsert se utilice en los editores de TinyMCE fuera de Note
  • Se agregaron enlaces al Widget de Nota para permitir que las configuraciones y la salida del front-end se agreguen / ajusten por temas y complementos
  • Se agregó la capacidad para evitar que se active el evento de actualización de widget (establezca prevent_widget_update en true en el objeto editor.note para evitar actualizaciones)
  • Lógica agregada para actualizar los datos del widget jQuery para garantizar que no haya una revisión detrás en el Personalizador
  • Se agregaron indicadores locales al script Note Previewer para hacer referencia cuando los Widgets de Note estaban enfocados o cuando se abría una ventana modal
  • Ajustar nota botón de panel de medios CSS
  • Mueva el cursor al último elemento / nodo secundario del cuerpo en note-widget-edit
  • Se solucionó el problema por el que el personalizador configuraba la URL de Previewer para anclar href cuando se hacía clic dentro de un editor TinyMCE al detener la propagación
  • Se corrigió el error por el que Note Widget se enfocaba en Previewer y los widgets que se reordenaban no activaban una actualización

1.1.1 // 02 de marzo de 2015

  • Se ha agregado el envoltorio do_shortcode () alrededor de la salida del Widget de Nota

1.1.0 // 27 de febrero de 2015

  • Se agregó la función is_customizer () a Note Widget para determinar si la página actual era el Personalizador
  • Se agregó lógica para desplazar la ventana del Previewer al Widget de nota enfocado en el botón “Editar contenido”, haga clic en
  • Se agregó color de fondo CSS / transición a los editores recién enfocados
  • Mayor capacidad para crear listas de números y viñetas dentro del contenido
  • Se ha agregado la capacidad de sangrar o de no usar el contenido.
  • Se agregaron estilos modales de CSS a Previewer dentro del Personalizador.
  • Se agregó la habilidad de insertar imágenes en Widgets de Nota.
  • Barra de herramientas agregada arriba Widgets de nota en Previewer dentro de Personalizador
  • Eliminada la lógica de JavaScript del personalizador no utilizada
  • Se corrigió el error por el que los Widgets de Nota generaban datos con barras (I ’ve, I / ’'ll, etc …) en el front-end mientras no estaba en el Personalizador
  • Se corrigió un error por el cual la actualización de Previewer se activaba al editar contenido dentro de un Widget de Nota
  • Se corrigió el error por el que los Widgets de Nota no estaban enfocados correctamente en Previewer
  • Se corrigió un error en el que Note no funcionaba debido a un error de JavaScript en las versiones de WordPress inferiores a 4.0

1.0.1 // 25 de noviembre de 2014

  • Título de widget de nota de salida en el extremo delantero y capacidad adicional para mostrar / ocultar título (oculto de forma predeterminada)
  • Se corrigió el error donde el botón “Editar contenido” en los nuevos widgets de Note no funcionaba debido a la falta de datos del widget
  • Se corrigió el error donde la primera iteración del contenido del widget de Nota no se sincronizaba en el Personalizador
  • Compatibilidad con versiones anteriores agregada para WordPress 3.9

1.0.0 // 07 de noviembre de 2014

  • Versión inicial

Por favor Comparte y Síguenos:
RSS
Follow by Email
Facebook
Twitter

Deja una respuesta