update

js/tiny_mce/plugins/placeholder/index.php

@@ -0,0 +1,35 @@
+<?php
+/**
+ * 2007-2020 PrestaShop SA and Contributors
+ *
+ * NOTICE OF LICENSE
+ *
+ * This source file is subject to the Open Software License (OSL 3.0)
+ * that is bundled with this package in the file LICENSE.txt.
+ * It is also available through the world-wide-web at this URL:
+ * https://opensource.org/licenses/OSL-3.0
+ * If you did not receive a copy of the license and are unable to
+ * obtain it through the world-wide-web, please send an email
+ * to license@prestashop.com so we can send you a copy immediately.
+ *
+ * DISCLAIMER
+ *
+ * Do not edit or add to this file if you wish to upgrade PrestaShop to newer
+ * versions in the future. If you wish to customize PrestaShop for your
+ * needs please refer to https://www.prestashop.com for more information.
+ *
+ * @author    PrestaShop SA <contact@prestashop.com>
+ * @copyright 2007-2020 PrestaShop SA and Contributors
+ * @license   https://opensource.org/licenses/OSL-3.0 Open Software License (OSL 3.0)
+ * International Registered Trademark & Property of PrestaShop SA
+ */
+
+header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
+header("Last-Modified: ".gmdate("D, d M Y H:i:s")." GMT");
+
+header("Cache-Control: no-store, no-cache, must-revalidate");
+header("Cache-Control: post-check=0, pre-check=0", false);
+header("Pragma: no-cache");
+
+header("Location: ../");
+exit;

js/tiny_mce/plugins/placeholder/plugin.min.js

@@ -0,0 +1,57 @@
+tinymce.PluginManager.add('placeholder', function (editor) {
+  editor.on('init', function () {
+    var label = new Label;
+
+    onBlur();
+
+    tinymce.DOM.bind(label.el, 'click', onFocus);
+    editor.on('focus', onFocus);
+    editor.on('blur', onBlur);
+    editor.on('change', onBlur);
+
+    function onFocus() {
+      label.hide();
+      editor.execCommand('mceFocus', false);
+    }
+
+    function onBlur() {
+      if (editor.getContent() == '') {
+        label.show();
+      } else {
+        label.hide();
+      }
+    }
+  });
+
+  var Label = function () {
+    // Create label el
+    this.text = editor.getElement().getAttribute("placeholder");
+    this.contentAreaContainer = editor.getContentAreaContainer();
+
+    tinymce.DOM.setStyle(this.contentAreaContainer, 'position', 'relative');
+
+    attrs = {
+      style: {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        bottom: 0,
+        color: '#6c868e',
+        'font-style': 'italic',
+        padding: '1%',
+        width: '98%',
+        overflow: 'hidden',
+        'white-space': 'normal'
+      }
+    };
+    this.el = tinymce.DOM.add(this.contentAreaContainer, "div", attrs, this.text);
+  }
+
+  Label.prototype.hide = function () {
+    tinymce.DOM.setStyle(this.el, 'display', 'none');
+  }
+
+  Label.prototype.show = function () {
+    tinymce.DOM.setStyle(this.el, 'display', '');
+  }
+});