Como integrar o plug-in markdown em HTML [mecanismo de modelo thymleaf usado pelo projeto springboot (versão da ideia)]

Desta vez, apresentamos é como a parte frontal do editor de markdown integrado em seu projeto springboot (ideia + motor de modelo thymleaf), o efeito é mostrado abaixo:

site oficial de markdown do endereço de download do plug-in é: plug-in markdown-Download
aqui também oferece nuvem Baidu de :
Link: https://pan.baidu.com/s/1KzC-j8IO-WSpnaIgMlKDqw
Código de extração: Após a
descompressão zbji , podemos ver a estrutura de diretório da seguinte maneira: Primeiro, vamos para a pasta de exemplo desta pasta e abrimos a página simples

Este é o nosso modelo e como importá-lo para o seu projeto de front-end.
Em seguida, importe o arquivo html para o diretório de modelos.

Em seguida, podemos ver referências a ele em css e js, css remove outros diretórios como:

control, onde admitimos esses arquivos até o estático:

bem como editor.md-master \ examples \ css under
e editor.md- Em master \ examples \ js : copie-o para seu próprio diretório estático. Para maior clareza, coloque css na pasta css e js na pasta js. A estrutura do diretório é a seguinte: de

acordo com esta estrutura de diretório, modifique ligeiramente a referência href O caminho pode ser!

Em seguida, configure seu próprio controlador , basta visitar!
Se a página não puder ser carregada e o estilo (F12) não for exibido, verifique se o recurso é 404. Se o 404 for encontrado, o caminho está incorreto. Verifique ou o arquivo não foi copiado ou a ordem do arquivo de origem foi alterada. Esses pontos precisam ser observados!
Espero ajudar a todos, obrigado!