Различия

Показаны различия между двумя версиями страницы.

--- software:development:web:docs:web:wysiwyg:tinymce [2026/01/07 22:55] – [Дополнения и Файлы] VladPolskiy
+++ software:development:web:docs:web:wysiwyg:tinymce [2026/01/08 01:50] (текущий) – [Дополнения и Файлы] VladPolskiy
@@ Строка 48: / Строка 48: @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
-	<link rel="stylesheet" href="/tinymce/bootstrap/5.0.2/bootstrap.min.css">
+	<link rel="stylesheet" href="/tinymce/bootstrap/5.3.8/bootstrap.min.css">
-    <script src="/tinymce/jquery/3.5.1/jquery.min.js"></script>
+    <script src="/tinymce/jquery/3.7.1/jquery-3.7.1.min"></script>
     <script src="/tinymce/tinymce.min.js" referrerpolicy="origin" crossorigin="anonymous"></script>
 <script>
@@ Строка 102: / Строка 102: @@
 \\
 {{ :software:development:web:docs:web:wysiwyg:tinymce_base_test.zip |TinyMCE Базовый тест}}
+===== Вставка изображения из директории =====
+в ''tinymce.init({'' добпаляем следующий код
+<code js .js>
+	/*URL скрипта обработчика*/
+        images_upload_url: 'postAcceptor.php',
+        /* Автоматическая загрузка изображений после их выбора пользователем.*/
+        automatic_uploads: true,
+</code>
+Создаем для примера в корне директории файл скрипта обработчика **postAcceptor.php**
+<code php postAcceptor.php.php>
+<?php
+// postAcceptor.php
+// Define allowed origins (optional)
+header('Access-Control-Allow-Origin: *');
+// Target directory
+$imageFolder = "uploads/";
+// Create directory if it doesn't exist
+if (!file_exists($imageFolder)) {
+    mkdir($imageFolder, 0777, true);
+}
+// Get the file and check if it's an uploaded file
+reset($_FILES);
+$temp = current($_FILES);
+if (is_uploaded_file($temp['tmp_name'])){
+    // Basic sanitization and extension verification
+    if (preg_match("/([^\w\s\d\-_~,;\[\]\(\).])|([\.]{2,})/", $temp['name']) || !in_array(strtolower(pathinfo($temp['name'], PATHINFO_EXTENSION)), array("gif", "jpg", "png", "jpeg"))) {
+        header("HTTP/1.1 400 Invalid file.");
+        return;
+    }
+    // Move the uploaded file
+    $filetowrite = $imageFolder . $temp['name'];
+    move_uploaded_file($temp['tmp_name'], $filetowrite);
+    // Respond with JSON including the image location
+    echo json_encode(array('location' => $filetowrite));
+} else {
+    // Handle upload failure
+    header("HTTP/1.1 500 Server Error");
+}
+?>
+</code>
+проверяем в браузере (Вставить -> Изображение -> Вкладка "Передать")
+\\
+{{:software:development:web:docs:web:wysiwyg:tinymce_install_base_3.png?|}}
+\\
+В корне будет создана папка **uploads** куда и будет загружена картинка
+\\
+{{:software:development:web:docs:web:wysiwyg:tinymce_install_base_4.png?|}}
+\\
+{{ :software:development:web:docs:web:wysiwyg:tinymce_uploads.zip |}}
 ===== Дополнения и Файлы =====
+  * [[github>/tinymce/tinymce-demos|Демонстрации TinyMCE]]
   * {{ :software:development:web:docs:web:wysiwyg:tinymce_8.3.1.zip |TinyMCE 8 8.3.1.zip}}
   * {{ :software:development:web:docs:web:wysiwyg:langs_8.zip |TinyMCE 8 Community Language Packs}}
@@ Строка 108: / Строка 166: @@
   * {{ :software:development:web:docs:web:wysiwyg:tinymce_8_lang_pack.zip |TinyMCE 8 Language Packs}}
   * {{ :software:development:web:docs:web:wysiwyg:tinymce_base_test.zip |TinyMCE Базовый тест}}
+  * {{ :software:development:web:docs:web:wysiwyg:tinymce_uploads.zip |TinyMCE тест загрузки картинки}}
+  * {{ :software:development:web:docs:web:wysiwyg:bootstrap-main.zip |Bootstrap 5.3.8}}