tableのUIをカスタムフィールドで使うためのカスタマイズ

field.html

<div class="js-field">
    <div class="js-editable-table">
        <!-- BEGIN_IF [{table}[delnl]/nem] -->
        {table}[raw]
        <!-- ELSE -->
        <table>
            <tr>
                <th>hogehoge</th>
                <th>hogehoge</th>
            </tr>
            <tr>
                <td>hogehoge</td>
                <td>hogehoge</td>
            </tr>
        </table>
        <!-- END_IF -->
        <input type="hidden" class="js-editable-table-dest" value="{table}" name="table">
        <input type="hidden" name="field[]" value="table">
    </div>
</div>

<script>
ACMS.Ready(function(){
    ACMS.Library.aTableEdit(document.querySelector('.js-field'));
});
</script>

a-blog cms Ver.2.7.0から利用できます！