uniapp desarrolla el editor de texto enriquecido del subprograma WeChat (estilo que imita los documentos de Tencent)
El componente de edición de texto enriquecido del subprograma WeChat desarrollado en base al subprograma Tencent Document se resolvió en los últimos días. Si tiene tales necesidades, puede ir al subprograma Tencent Document para operarlo y verlo. el efecto real. Después de todo, la referencia es el miniprograma propio de WeChat, que no puede lograr el 100% de efecto. Solo se puede lograr tanto como sea posible basándose en la API abierta existente.
Dirección del proyecto:
/plugin?id=6365
Documento oficial del componente del editor de texto enriquecido:
/miniprogram/dev /component/ editor.html
Documentación oficial del componente del editor de texto enriquecido:
/miniprogram/dev/component/ editor.html
De lo contrario, será afectado por el subprograma CSS. La etiqueta del editor del mini programa en sí tiene un estilo CSS:
editor {
display: block;
position: relativo;
tamaño del cuadro: borde-cuadro;
-webkit-user- select: texto;
usuario-select: texto;
contorno: 0;
desbordamiento: oculto;
ancho: 100%;
alto: 200px;
altura mínima: 200px;
}
that.updatePosition(keyboardHeight)
that.editorCtx.scrollIntoView()
Al insertar el texto de destino, establezca el valor en '\ n' para lograr un salto de línea
this.editorCtx.insertText({ text: '\n' });
Como referencia: ¿El componente del editor controla la operación del teclado desplegable? apoyado?
/community/develop/doc/0006eeb6ae8cf0e7f3293e13f56400?highLine=editor%25E6%2598%25BE%25E7%25A4%25BA%25E9%2594% 25AE%25E7%259B%2598
Experto técnico de Applet - Sanford 2019-09-20
No compatible. iOS no puede abrir el teclado a través de la interfaz y el usuario debe tocar el teclado; La conclusión es que esto es inconsistente y no funciona correctamente.
Este componente se utiliza principalmente para llamar al paquete de integración de la API del componente del editor WeChat, por lo que las restricciones son consistentes con la descripción en el documento, es decir, el editor admite algunas etiquetas HTML y estilos en línea, y no admite clases ni ID. Para obtener detalles sobre las etiquetas, consulte:/miniprogram/dev/component/editor.html.
Las etiquetas no admitidas se ignorarán y
.
Esta es la razón por la que al analizar texto enriquecido, el uso exclusivo de componentes de texto enriquecido no puede restaurar de manera efectiva el contenido html, y al analizar el contenido, es necesario convertir las etiquetas HTML en el contenido a la marca de soporte del subprograma WeChat. La mejor manera es introducir un complemento de análisis de texto enriquecido para analizar HTML.
Por lo tanto, los desarrolladores deben sopesar si utilizar el componente de edición propio de WeChat para la edición y el desarrollo de texto enriquecido, o consultar los miniprogramas en los documentos de Tencent para usar webview para incrustar páginas web para presentaciones.
Primera experiencia editando con el mini editor de texto enriquecido del programa: (/p/a932639ba7a6)
Si es un desarrollo nativo de WeChat, reemplace las etiquetas de elementos dom y la api relevantes en la demostración componente con WeChat Simplemente sea nativo.