Различия

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

--- software:development:web:docs:web:wysiwyg:tinymce [2026/01/07 22:29] – [Базовый тест TinyMCE] VladPolskiy
+++ software:development:web:docs:web:wysiwyg:tinymce [2026/01/08 01:50] (текущий) – [Дополнения и Файлы] VladPolskiy
@@ Строка 37: / Строка 37: @@
 </html>
 </code>
+\\
+{{:software:development:web:docs:web:wysiwyg:tinymce_install_base_0.png?|}}
 ===== Базовый тест TinyMCE =====
 <code html index.html>
@@ Строка 46: / Строка 48: @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
-	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css">
+	<link rel="stylesheet" href="/tinymce/bootstrap/5.3.8/bootstrap.min.css">
-    <script src="https://ajax.googleapis.com/ajax/libs/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>
@@ Строка 55: / Строка 57: @@
 			language:"ru",
 			theme : "silver",
-			/*Удалите «Powered by TinyMCE»*/
+			/*Скрыть «Powered by TinyMCE»*/
 			branding: false,
+			/*Скрыть «Upgrade»*/
+			promotion: false,
     plugins: [
       // Core editing features
@@ Строка 97: / Строка 101: @@
 {{:software:development:web:docs:web:wysiwyg:tinymce_install_base_1.png?|}}
 \\
+{{ :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}}
   * {{ :software:development:web:docs:web:wysiwyg:langs_7.zip |TinyMCE 7 Community Language Packs}}
   * {{ :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}}