如何使用 Advanced Custom Fields repeater 实现 Markdown 编辑器

Question

我想在 Advanced Custom fields repeater add-on 中使用带工具栏的 Markdown 编辑器。

Answer 1

安装WP Markdown Editor Plugin then install the add-on for repeater field 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, '' + new_id),

有

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

就是这样。它对我有用。

如何使用 Advanced Custom Fields repeater 实现 Markdown 编辑器

How to implement Mark Down editor with Advance Custom Field's repeater

wordpress

markdown

repeater

advanced-custom-fields