julien/blog-slim.old
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixed conflict between textarea require and tinymce

Browse Source
This commit is contained in:
julien
2026-02-23 16:49:45 +01:00
parent fd0f7d2bf9
commit c4acb5226c
1 changed files with 30 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
views/pages/post_form.twig
View File

@@ -17,20 +17,23 @@
{% endif %}
</h2>
<form method="post" action="{{ action }}">
{# Formulaire identifié pour le script JavaScript #}
<form id="articleForm" method="post" action="{{ action }}">
<p>
<label>Titre<br>
<input type="text" name="title"
value="{{ post.title|default('') }}" required>
</label>
</p>
<p>
<label>Contenu<br>
<textarea id="editor" name="content" rows="6" required>{{ post.content|default('') }}</textarea>
<textarea id="editor" name="content" rows="6" {# required <- removed because conflicts with TinyMCE#}>{{ post.content|default('') }}</textarea>
</label>
</p>
<button type="submit">
{% if post is defined %}Mettre à jour{% else %}Enregistrer{% endif %}
{% if post is defined and post.id is defined %}Mettre à jour{% else %}Enregistrer{% endif %}
</button>
</form>
@@ -38,24 +41,28 @@
{% endblock %}
{% block scripts %}
{# TinyMCE #}
<script src="/js/tinymce/tinymce.min.js" referrerpolicy="origin" crossorigin="anonymous"></script>
<script>
tinymce.init({
selector: '#editor', // id du textarea
license_key: 'gpl', // self-host TinyMCE under the GPL license and agree to its terms
height: 400,
menubar: false,
plugins: [
'advlist autolink lists link image charmap preview anchor',
'searchreplace visualblocks code fullscreen',
'insertdatetime media table paste code help wordcount'
],
toolbar: 'undo redo | formatselect | bold italic underline | ' +
'alignleft aligncenter alignright alignjustify | ' +
'bullist numlist outdent indent | link image media | ' +
'removeformat | help',
content_style: 'body {font-family:Helvetica,Arial,sans-serif;font-size:14px}'
});
</script>
<script src="/js/tinymce/tinymce.min.js" referrerpolicy="origin" crossorigin="anonymous"></script>
<script>
tinymce.init({
selector: '#editor',
base_url: '/js/tinymce', // assure le bon chemin relatif
license_key: 'gpl',
height: 400,
menubar: false,
plugins: [
'advlist', 'autolink', 'lists', 'link', 'image',
'charmap', 'preview', 'anchor', 'searchreplace',
'visualblocks', 'code', 'fullscreen',
'insertdatetime', 'media', 'table',
'help', 'wordcount'
],
toolbar: [
'undo redo | formatselect | bold italic underline |',
'alignleft aligncenter alignright alignjustify |',
'bullist numlist outdent indent | link image media |',
'removeformat | help'
].join(' '),
content_style: 'body {font-family:Helvetica,Arial,sans-serif;font-size:14px}'
});
</script>
{% endblock %}