Question

您好有办法为tinymce v4.0添加占位符吗？我需要在tinymce中使用html 5占位符实现，但默认情况下不存在。

 <textarea id="Text" placeholder="Create your prompt here." ui-tinymce="$ctrl.tinymceOptions" ng-model="$ctrl.tmcModel"></textarea>

Answer 1

假设有人正在使用tinyMCE 4，您可以在初始化时添加占位符，然后在焦点上删除它。记住TinyMCE使用iframe。需要进行抛光以提高效率，但这是一种快速的方法：

tinymce.init({
  //here all the rest of the options
  //xxxxx
  //Add the placeholder
  setup: function (editor) {
    editor.on('init', function(){
      if (tinymce.get('Text').getContent() == ''){
        tinymce.get('Text').setContent("<p id='#imThePlaceholder'>Your nice text here!</p>");
      }
    },
    //and remove it on focus
    editor.on('focus',function(){
      $('iframe').contents().find('#imThePlaceholder').remove();
    }),
})

Answer 2

这对我有用。

  638 ?        S      0:00 /bin/sh /usr/bin/mysqld_safe
 1008 ?        Sl   1416:57 /usr/sbin/mysqld --basedir=/usr --datadir=/var/lib/mysql --plugin-dir=/usr/lib/mysql/plugin --user=mysql --log-error=/var/log/mysql/error.log --pid-file=/var/run/mysqld/mysqld.pid --socket=/var/run/mysqld/mysqld.sock --port=3306
 3759 pts/0    S+     0:00 grep --color=auto mysqld

如何在tinymce v4.0中添加占位符

2 个答案: