如何使用Advance Custom Field的repeater实现Mark Down编辑器

Question

我想在高级自定义字段的中继器插件中使用带有工具栏的 Markdown 编辑器。

Answer 1

安装 WP Markdown 编辑器插件，然后安装中继器字段的附加组件acf-wp-wysiwyg。

请考虑以下提到的步骤来使用中继器字段的编辑器。

在你的WordPress插件部分转到“acf-wp-wysiwyg”插件，打开“acf-wp_wysiwyg-v4.php”文件，转到“create_field”功能。

替换这个：

function create_field( $field )
{
    // defaults?
    $field = array_merge($this->defaults, $field);

    $id = 'wysiwyg-' . $field['id'] . '-' . uniqid();
    $field['textarea_name'] = $field['name'];

    // create Field HTML
    wp_editor( $field['value'], $id, $field );
}

与

function create_field( $field )
{
    // defaults?
    $field = array_merge($this->defaults, $field);

    $id = 'wysiwyg-' . $field['id'] . '-' . uniqid();
    $field['textarea_name'] = $field['name'];

    // create Field HTML
    wp_editor( $field['value'], $id, $field );
    echo '<script> var simplemde = new SimpleMDE({element: document.getElementById("'.$id.'")});
    jQuery(".quicktags-toolbar").css("display","none");
    </script>';
}

之后转到“acf-repeater”插件并打开“input.js”文件。在第 142 行

更换

new_field_html = this.$el.find('> table > tbody > tr.row-clone').html().replace(/(=["]*[\w-\[\]]*?)(acfcloneindex)/g, '$1' + new_id),

与

new_field_html = this.$el.find('> table > tbody > tr.row-clone').html().replace(/(["]*[\w-\[\]]*?)(acfcloneindex)/g, '$1' + new_id),

就是这样。它对我有用。