Como criar um editor de 'Drag and Drop' do HTML5?
sinto que esta é uma pergunta estranha, mas mesmo assim ... ,
Eu quero criar um estúdio onde as pessoas podem criar cartões usando diferentes tipos de conteúdo, como Texto, Imagens, Vídeo, Áudio, Links etc. e salvá-los, para que eu possa rendê-los como eles projetaram através de alguma outra visão.
estou a planear construí-lo com {[[0]}. Sou a nova abelha que acabou de passar. E fez algum trabalho para entender Drag and Drop as características com ReactJS.
Mas Eu ... ainda estou confuso sobre Como e onde começar a codificar para a minha exigência. Qual deve ser a estrutura da minha aplicação. O que todas as propriedades de cada componente devem ter, ficou totalmente bloqueado.
Não estou pedindo aqui exatamente para dar a estrutura para a minha aplicação, estou procurando alguns recursos / documentos onde explica como estruturar a aplicação para este tipo de requisitos. Algo como ... beefree.io é o que eu quero construir. Muito obrigado por todos os seus comentários.2 answers
Eu recomendo editor TinyMCE: https://www.tinymce.com/download/. este editor tem muitas funcionalidades. Recomendo também http://hammerjs.github.io/, https://github.com/yabwe/medium-editor e http://premiumsoftware.net/cleditor/.
Se você quer criar um editor independente HTML5, você deve pesquisar fontes GitHub de editores recomendados e aprender principalmente jQuery e AngularJS.
Instruções de como criar a partir do básico HTML5 editor:
Ele tem um monte de recursos que você está procurando e é super fácil de usar em seu aplicativo web. Também está disponível boa documentação.
Este componente React está focado em E-mails, mas se planear usá - lo para páginas HTML em vez de E-mails, poderá criar facilmente um componente React semelhante e mudar displayMode para web de acordo com Unroll.io docs.
Eu tenho visto isto ser usado em produção no editor de E-mail do EmailMonster.