seit ein paar Tagen ärgere ich mich mit der TinyMCE Installation herum. Bei der Produkterfassung funktioniert die Tabnavigation nicht. Alle gefundene Anleitungen im Web helfen nicht weiter.
Ergo ich stelle um auf TinyMCE mit jQuery
Hier darf man basalen *freu* https://www.tiny.cloud/docs/tinymce/6/jquery-pm/
8<--
Gerne helfe ich Ihnen bei der Installation von TinyMCE mit jQuery.
Um TinyMCE mit jQuery zu verwenden, müssen Sie einige Schritte befolgen, die auf der Webseite [TinyMCE jQuery integration quick start guide](^4^) beschrieben sind. Hier ist eine kurze Zusammenfassung:
- Sie müssen jQuery, TinyMCE, die TinyMCE jQuery Integration und die Bibliothek fs-extra von NPM installieren. Dazu können Sie den folgenden Befehl in Ihrem Terminal ausführen:
Code: Alles auswählen
npm install --save jquery tinymce @tinymce/tinymce-jquery fs-extra
Code: Alles auswählen
// postinstall.js
const fse = require('fs-extra');
const path = require('path');
const nodeModulesDir = path.join(__dirname, 'node_modules');
const publicDir = path.join(__dirname, 'public');
fse.emptyDirSync(path.join(publicDir, 'jquery'));
fse.emptyDirSync(path.join(publicDir, 'tinymce'));
fse.emptyDirSync(path.join(publicDir, 'tinymce-jquery'));
fse.copySync(path.join(nodeModulesDir, 'jquery', 'dist'), path.join(publicDir, 'jquery'), { overwrite: true });
fse.copySync(path.join(nodeModulesDir, 'tinymce'), path.join(publicDir, 'tinymce'), { overwrite: true });
fse.copySync(path.join(nodeModulesDir, '@tinymce', 'tinymce-jquery', 'dist'), path.join(publicDir, 'tinymce-jquery'), { overwrite: true });
Code: Alles auswählen
```json
// package.json
{
// ... snip ...
"scripts": {
"postinstall": "node ./postinstall.js"
}
}
Code: Alles auswählen
npm run postinstall
Code: Alles auswählen
<script src="/public/jquery/jquery.min.js"></script>
<script src="/public/tinymce/tinymce.min.js"></script>
<script src="/public/tinymce-jquery/tinymce-jquery.min.js"></script>
Code: Alles auswählen
<div>
<textarea id="tiny"></textarea>
</div>
Code: Alles auswählen
<script>
$('textarea#tiny').tinymce({
height: 500,
/* other settings... */
});
</script>
Ich hoffe, dass diese Anleitung Ihnen hilft, TinyMCE mit jQuery zu installieren und zu verwenden. Wenn Sie weitere Fragen haben oder Hilfe benötigen, können Sie sich gerne wieder an mich wenden.
Quelle: Unterhaltung mit Bing, 6.11.2023
(1) TinyMCE jQuery integration quick start guide. https://www.tiny.cloud/docs/tinymce/6/jquery-pm/.
(2) TinyMCE | 04. Advanced Install. https://www.tiny.cloud/docs-4x/general- ... d-install/.
(3) . https://bing.com/search?q=tinymce+jquery+installation.
(4) jQuery integration | Docs | TinyMCE. https://www.tiny.cloud/docs/integrations/jquery/.
(5) django-tinymce · PyPI. https://pypi.org/project/django-tinymce/.
(6) undefined. https://github.com/tinymce/tinymce-jquery.
(7) undefined. https://www.tiny.cloud/docs-3x/referenc ... ry_Plugin/.
(8) undefined. https://code.jquery.com/.
(9) undefined. https://cdn.tiny.cloud/1/no-api-key/tin ... mce.min.js.
(10) undefined. https://cdn.tiny.cloud/1/no-api-key/tin ... mce.min.js.
(11) undefined. https://code.jquery.com/jquery-3.4.1.min.js.