@weriqui/tinymce-wrapper
v1.1.7
Published
TinyMCE wrapper library for easy integration
Maintainers
weriquiReadme
TinyMCE Wrapper Library
Uma biblioteca wrapper para facilitar a integração do TinyMCE em seus projetos.
📦 Instalação
Via NPM
npm install @seu-usuario/tinymce-wrapperVia Yarn
yarn add @seu-usuario/tinymce-wrapperVia PNPM
pnpm add @seu-usuario/tinymce-wrapper🌐 Uso via CDN
Você pode usar esta biblioteca diretamente via CDN sem precisar instalar:
Unpkg
<script src="https://unpkg.com/@weriqui/tinymce-wrapper@latest/dist/tinymce.min.js"></script>jsDelivr
<script src="https://cdn.jsdelivr.net/npm/@weriqui/tinymce-wrapper@latest/dist/tinymce.min.js"></script>Exemplo completo com CDN
<!DOCTYPE html>
<html>
<head>
<title>TinyMCE via CDN</title>
</head>
<body>
<textarea id="editor"></textarea>
<script src="https://cdn.jsdelivr.net/npm/@weriqui/tinymce-wrapper@latest/dist/tinymce.min.js"></script>
<script>
// Configure o TinyMCE - Nenhuma licença necessária!
tinymce.init({
selector: '#editor',
base_url: 'https://cdn.jsdelivr.net/npm/@weriqui/tinymce-wrapper@latest/dist',
suffix: '.min',
plugins: 'code autoresize link lists',
toolbar: 'undo redo | bold italic | alignleft aligncenter alignright | code',
height: 500
// license_key não é necessário - já está pré-configurado!
});
</script>
</body>
</html>Importante: Esta biblioteca já vem com a licença GPL pré-configurada. Você não precisa adicionar license_key na configuração.
🚀 Uso
Import ES6
import { initTinyMCE, getEditor, removeEditor } from '@weriqui/tinymce-wrapper';
// Inicializar com configuração padrão
initTinyMCE({
selector: '#mytextarea',
height: 500
});
// Obter instância do editor
const editor = getEditor('mytextarea');
// Remover editor
removeEditor('mytextarea');CommonJS (require)
const TinyMCE = require('@weriqui/tinymce-wrapper');
TinyMCE.initTinyMCE({
selector: '#mytextarea',
height: 500
});Uso direto do TinyMCE
import { tinymce } from '@weriqui/tinymce-wrapper';
tinymce.init({
selector: '#mytextarea',
plugins: ['advlist', 'autolink', 'lists', 'link'],
toolbar: 'undo redo | bold italic'
});📚 API
initTinyMCE(config)
Inicializa o TinyMCE com configuração personalizada.
Parâmetros:
config(Object): Objeto de configuração do TinyMCE
Retorna: Promise que resolve quando o editor é inicializado
getEditor(id)
Obtém uma instância do editor pelo ID.
Parâmetros:
id(String): ID do editor
Retorna: Instância do editor TinyMCE
removeEditor(id)
Remove uma instância do editor.
Parâmetros:
id(String): ID do editor a ser removido
📄 Licença
MIT
🔗 Links Úteis
🤝 Contribuindo
Contribuições são bem-vindas! Sinta-se à vontade para abrir issues ou pull requests.