如何在wp_EDITOR上添加所需的HTML5

时间:2015-11-23 作者:Ohsik

我想在生成的textarea上添加客户端验证所需的HTML5

<?php
    $content = \'\';
    $editor_id = \'YOURID\';
    wp_editor( $content, $editor_id );
?>
添加的最佳方式是什么required 在文本区域上?非常感谢。

2 个回复
最合适的回答,由SO网友:Mark Kaplun 整理而成

可视化编辑器不是textarea,而是iframe,因此,即使您可以设置属性,它也不会做任何事情。您可以在将发送到服务器的隐藏文本区域上设置属性,但由于它是隐藏的,我不确定如何显示未填充的警报,并且不同浏览器之间可能会有所不同(它是隐藏的,因此没有明显的视觉锚定来显示警报)

SO网友:Mario Hendricks

我已经为一个插件成功地完成了以下工作,该插件在管理屏幕上使用了几个可视化编辑器(只需要其中一些编辑器)。

创建编辑器时,添加一个插件独有的类,并指示此编辑器中需要内容我可以使用

textarea[required]:invalid
如果在该字段为空的情况下提交表单,则表单会生成错误(尽管到目前为止我只在Safari中进行了测试)。

下面是示例代码(此代码取自一个更大的类)。首先,是构建编辑器的函数的摘录。

$addlClass = ($required) ? \'my-required-field\' : \'\';
$settings  = array(
  \'media_buttons\' => false,
  \'textarea_name\' => $fieldName,
  \'editor_class\'  => $addlClass
);
wp_editor($cleanFld, $fieldId, $settings);
然后,我的钩子:

add_action(\'the_editor\', array($this, \'CheckIfEditorFieldIsRequired\'));
最后,该功能:

public function CheckIfEditorFieldIsRequired($editorMarkup)
{
  if (stripos($editorMarkup, \'my-required-field\') !== false) {
    $editorMarkup = str_replace(\'<textarea\', \'<textarea required\', $editorMarkup);
  }
  return $editorMarkup;
}

相关推荐

清理`wp_EDITOR();`数据库、编辑和显示的值

我正在使用的自定义实例wp_editor(); 允许对与Post对象关联的Post Meta进行富文本编辑。我想执行与post_content 这些字段的值。Here\'s what I\'ve come up with: 请让我知道这是否是一种可行的方法,或者在这三个步骤中我是否应该做更多的工作,或者是否有更好或更简单的方法。On save_post:$value = wp_filter_post_kses( sanitize_post_field( \'post_content\', $value,