tinymce
diff --git a/‎antora.yml‎
Lines changed: 1 addition & 1 deletion b/‎antora.yml‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎modules/ROOT/examples/live-demos/advtemplate-readonly-template/example.js‎
Lines changed: 102 additions & 0 deletions b/‎modules/ROOT/examples/live-demos/advtemplate-readonly-template/example.js‎
Lines changed: 102 additions & 0 deletions
diff --git a/‎modules/ROOT/examples/live-demos/advtemplate-readonly-template/index.html‎
Lines changed: 52 additions & 0 deletions b/‎modules/ROOT/examples/live-demos/advtemplate-readonly-template/index.html‎
Lines changed: 52 additions & 0 deletions
@@ -26,7 +26,7 @@ asciidoc:
     # product variables
     productname: TinyMCE
     productmajorversion: 7
-    productminorversion: '7.3'
+    productminorversion: '7.4'
     ##### product name in codeblock
     prodnamecode: tinymce
     #### more names
 
@@ -0,0 +1,102 @@
+const headers = {
+  'Accept': 'application/json',
+  'Content-Type': 'application/json',
+};
+
+const handleResponse = (message) => (response) => {
+  if (!response.ok) {
+    return response.text().then((error) => {
+      console.error(error);
+      throw new Error(message);
+    });
+  }
+  return response.json();
+};
+
+const advtemplate_list = () =>
+  fetch('/categories', {
+    method: 'GET',
+    headers,
+  }).then(handleResponse('Failed to get template list'));
+
+const advtemplate_get_template = (id) =>
+  fetch(`/templates/${id}`, {
+    method: 'GET',
+    headers,
+  }).then(handleResponse('Failed to get template'));
+
+const advtemplate_create_category = (title) =>
+  fetch('/categories', {
+    method: 'POST',
+    body: JSON.stringify({ title }),
+    headers,
+  }).then(handleResponse('Failed to create category'));
+
+const advtemplate_create_template = (title, content, categoryId) =>
+  fetch('/templates', {
+    method: 'POST',
+    body: JSON.stringify({ title, content, categoryId }),
+    headers,
+  }).then(handleResponse('Failed to create template'));
+
+const advtemplate_rename_category = (id, title) =>
+  fetch(`/categories/${id}`, {
+    method: 'PUT',
+    body: JSON.stringify({ title }),
+    headers,
+  }).then(handleResponse('Failed to rename category'));
+
+const advtemplate_rename_template = (id, title) =>
+  fetch(`/templates/${id}`, {
+    method: 'PUT',
+    body: JSON.stringify({ title }),
+    headers,
+  }).then(handleResponse('Failed to rename template'));
+
+const advtemplate_delete_template = (id) =>
+  fetch(`/templates/${id}`, {
+    method: 'DELETE',
+    headers,
+  }).then(handleResponse('Failed to delete template'));
+
+const advtemplate_delete_category = (id) =>
+  fetch(`/categories/${id}`, {
+    method: 'DELETE',
+    headers,
+  }).then(handleResponse('Failed to delete category'));
+
+const advtemplate_move_template = (id, categoryId) =>
+  fetch(`/templates/${id}`, {
+    method: 'PATCH',
+    body: JSON.stringify({ categoryId }),
+    headers,
+  }).then(handleResponse('Failed to move template'));
+
+const advtemplate_move_category_items = (id, categoryId) =>
+  fetch(`/categories/${id}`, {
+    method: 'PATCH',
+    body: JSON.stringify({ categoryId }),
+    headers,
+  }).then(handleResponse('Failed to move all templates to new category'));
+
+tinymce.init({
+  selector: 'textarea#readonly-locked-template',
+  plugins: [
+    'advlist', 'anchor', 'autolink', 'charmap', 'code', 'fullscreen',
+    'help', 'image', 'insertdatetime', 'link', 'lists', 'media',
+    'preview', 'searchreplace', 'table', 'visualblocks', 'advtemplate'
+  ],
+  contextmenu: 'advtemplate',
+  toolbar: 'addtemplate inserttemplate | undo redo | styles | bold italic underline strikethrough | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image',
+
+  advtemplate_list,
+  advtemplate_get_template,
+  advtemplate_create_category,
+  advtemplate_create_template,
+  advtemplate_rename_category,
+  advtemplate_move_category_items,
+  advtemplate_delete_category,
+  advtemplate_rename_template,
+  advtemplate_move_template,
+  advtemplate_delete_template,
+});
@@ -0,0 +1,52 @@
+<textarea id="readonly-locked-template">
+  <h3 style="font-size: 1.5em; margin: 20px 0;">Working with Templates</h3>
+
+  <h4 style="font-size: 1.25em; margin: 15px 0;">Inserting a template</h4>
+  <p style="margin: 10px 0;">To insert a template:</p>
+  <ol style="margin-left: 20px;">
+    <li>Click the <strong>Insert template</strong> toolbar button or select <strong>Insert template...</strong> from the <strong>Insert</strong> menu.</li>
+    <li>In the <strong>Templates</strong> dialog, you'll see different categories:
+      <ul style="margin-left: 20px;">
+        <li>Regular categories with editable templates</li>
+        <li>Locked categories (marked with a 🔒 icon) containing read-only templates</li>
+      </ul>
+    </li>
+    <li>Select any template to preview its content.</li>
+    <li>Click <strong>Insert</strong> or press <strong>Return</strong> to add the template to your document.</li>
+  </ol>
+  
+  <div style="margin: 15px 0; padding: 10px 15px; border-left: 4px solid #3498db; background-color: #f0f7fb;">
+    <p><strong>Note:</strong> Templates in locked categories cannot be modified, but they can still be inserted into your document.</p>
+  </div>
+  
+  <h4 style="font-size: 1.25em; margin: 15px 0;">Adding a new template</h4>
+  <p style="margin: 10px 0;">To add a new template:</p>
+  <ol style="margin-left: 20px;">
+    <li>Select the content in your document that you want to save as a template.</li>
+    <li>Click the <strong>Save as template</strong> toolbar button or select <strong>Save as template…</strong> from the <strong>Tools</strong> menu.</li>
+    <li>In the <strong>New template</strong> dialog:
+      <ol style="margin-left: 20px;">
+        <li>Enter a name for your template in the <strong>Template name</strong> field.</li>
+        <li>Choose a category from the <strong>Category</strong> dropdown menu.
+          <div style="margin: 15px 0; padding: 10px 15px; border-left: 4px solid #e74c3c; background-color: #fdf7f7;">
+            <p><strong>Important:</strong> Locked categories (marked with a 🔒 icon) are read-only. You cannot save new templates to these categories.</p>
+          </div>
+        </li>
+        <li>Click <strong>Save</strong> or press <strong>Return</strong>.</li>
+      </ol>
+    </li>
+  </ol>
+  
+  <h4 style="font-size: 1.25em; margin: 15px 0;">Managing Templates</h4>
+  <p style="margin: 10px 0;">When working with templates, keep in mind:</p>
+  <ul style="margin-left: 20px;">
+    <li>Templates in regular categories can be edited, renamed, or deleted.</li>
+    <li>Templates in locked categories (🔒) are read-only and cannot be:
+      <ul style="margin-left: 20px;">
+        <li>Modified or renamed</li>
+        <li>Deleted</li>
+        <li>Moved to different categories</li>
+      </ul>
+    </li>
+  </ul>
+</textarea>