TinyMCE upload imagem palavra

O Chrome + IE suporta a colagem de imagens na área de transferência por padrão, mas o artigo que desejo publicar está armazenado no Word, com dezenas de imagens. Não consigo copiar uma por uma, certo ?
A versão alta do Chrome fornece a função de converter uma única imagem em uma string BASE64. Mas não pode lidar com várias fotos. Além disso, após ser convertido para BASE64, é submetido ao servidor junto como o conteúdo, e a imagem não pode ser salva separadamente em outro servidor. Se você precisar salvá-lo separadamente, você mesmo precisa fazer isso. meio difícil.


Espero que, depois de abrir um documento Word ou WPS, copie o conteúdo e cole-o diretamente no editor de rich text. O editor carregará automaticamente as imagens para o servidor em lotes. Não importa quantas imagens haja no documento, o editor fará o upload de todas automaticamente. Processe manualmente um por um. Ao mesmo tempo, a imagem pode ser carregada para a interface especificada por I. O servidor precisa salvar a imagem separadamente no servidor de armazenamento, como armazenamento em nuvem ou armazenamento distribuído, e finalmente publicar o conteúdo diretamente.
 

 

Isso parece ser muito difícil, porque o próprio Ueditor não o suporta e ficará em branco após a colagem. Deve haver um motivo.

Ok, vamos tentar o UMeditor. O Chrome só consegue obter o caminho local e não pode ler o arquivo.

https://ueditor.baidu.com/website/umeditor.html (se você estiver interessado, pode tentar)

 

 

Apenas falhou assim?

Não , mas acidentalmente descobri que o UMeditor realmente suporta a colagem de várias imagens no word (suporta apenas IE11, não suporta IE10 e anteriores, e Chrome, etc.)

Alterne HTML, você verá que suas imagens estão organizadas em base64 

 

Legal , a oportunidade está aqui, já que o IE suporta copiar várias fotos no word e colar base64 diretamente, agora que temos base64, podemos fazer upload e transferir fotos!

Então, vamos transformar o Ueditor para oferecer suporte ao IE11 (é melhor do que inútil)

Abra seu ueditor.all.js (os números das linhas abaixo da versão 1.4.3 podem ser diferentes dependendo da versão que você está usando)

1. Comente a linha 14679 (temporariamente não está claro quais são os efeitos adversos)

// Execute o processamento padrão

//me.filterInputRule(root);

2. Insira o código a seguir na linha 28725 (se colar no IE11, você obterá base64, primeiro use marcadores para marcadores e, em seguida, converta base64 em arquivos Blob e carregue-os um por um. Após carregar, substitua-o pelo seu atributo img e src como a imagem do servidor url)

 

Código de upload do servidor

 

Após o processamento, é realmente conveniente fazer upload de todas as imagens em Word em lotes. Não importa quantas fotos você pode carregar em lotes de uma vez. Esta função é realmente conveniente e melhora muito a eficiência dos editores de conteúdo. No passado, apenas um artigo podia ser publicado por dia, mas agora 100 artigos podem ser publicados, o que é um aumento de 100 vezes na eficiência.

 

As fotos são carregadas e salvas no servidor. E você também pode especificar o endereço da interface de upload, o que também é mais conveniente. Porque nosso negócio é salvar fotos em um servidor de armazenamento em nuvem separado.

 

3 , o editor de processamento forneceu o método de uploadimage

O cliente tem usado por meio ano, sem problemas, função muito útil e muito conveniente

Grupo de discussão: 223813913

 

Acho que você gosta

Origin blog.csdn.net/weixin_45525177/article/details/108485404
Recomendado
Clasificación