O componente Ueditor é um editor de texto rico em wysiwyg de código aberto wysiwyg fornecido pelo Baidu. Possui leve, personalizável e se concentra na experiência do usuário. É baseado no protocolo MIT e possui funções muito poderosas. Recentemente, durante o processo de uso, descobri que as imagens carregadas (ou inserindo imagens emoji existentes) não podem ser dimensionadas normalmente. Selecione a imagem, clique e arraste a pequena etiqueta na borda da imagem com o mouse, e a imagem só pode ser reduzida, mas não aumentada. Eu tentei muitos métodos, mas não consegui resolvê -los. Eu até verifiquei o código -fonte do JS e não encontrei exceções.
Mais tarde, descobri acidentalmente que o Bootstrap foi introduzido na página e o bootstrap define o estilo de dimensionamento de caixa na caixa de fronteira por padrão. Para conteúdo específico, verifique o log de lançamento do Bootstrap: http://blog.getbootstrap.com/2013/08/19/bootstrap-3-releasey/
Para a definição e o uso do estilo de dimensionamento de caixa, você pode ver aqui: http://www.w3school.com.cn/cssref/pr_box-sizing.asp
CSs influentes no bootstrap:
*,*: Antes,*: após {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; tamanho da caixa: caixa de fronteira;}Só precisamos redefinir o CSS na página para substituir os estilos acima no bootstrap, como:
.edui-container *{-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}. edui-container *: antes, .edui-container *: {-webkit-box-sizing: content-box; -moz-sizer-sizing-sizing: content:*.edui-container é a classe CSS usada no elemento pai do componente ueditor.
O exposto acima é a descrição completa da solução do estilo de tamanho de bootstrap 3, introduzido a você pelo editor. Espero que seja útil para você. Se você tiver alguma dúvida, deixe -me uma mensagem e o editor responderá a tempo!