ponkotsu-md-editor 0.1.42 → 0.2.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: c5a8a908a696cbe6105a8819e32fb39b259be229f70e504a7d922d18a0ab0258
-  data.tar.gz: 84047bfb4299b9f115f111f840baab12475e564b80e5df448dcb68c5ca6354e3
+  metadata.gz: 62a1a937b8cf271a226386c2661c8decedc24ae6b2189e92ba2358f8a9428228
+  data.tar.gz: 72feda410a62df3df6f05ba7fae531eb7c44f8f1fc77d73284d85a1b69258efa
 SHA512:
-  metadata.gz: 5256725317dbdd1ac8e5bf0361bcf704e0d26b547794d54657260a49994c44e1617b8ce5615f58029d10816c0ae5c3b99b2e559658aca851c104bf42cbc4eec3
-  data.tar.gz: 2c047a04c7e63a2ee05e5ff5de221d703c3643bfb27c309eab4ed4d2ba25e883e90803c5c410558b5e16c9613e56a78480419d0f6e6fd5c2c134c9ff9445b752
+  metadata.gz: 57667cc623bba7c40bb54d83dedc7eb8b7a85af87a6b4314f67a43ced501b7d068ef770b0d43b055d8ed5c9cb039c764b16800d5e28c45e19c44d2f6f495590f
+  data.tar.gz: e998286e7ddfead67721ed9d287ec148b770e7a1c9f0ec9b360fe02ceec263dca7e146b2608d959aef970d6b4c140f07e2622476c1006d38fbdf3107963eb06d

data/app/assets/javascripts/markdown_editor.js

@@ -30,6 +30,30 @@
 
         let isPreviewMode = false;
 
+        const sampleHtml = "aaa bbb ccc ddd eee\n" +
+            "    \n" +
+            "  <div>aaa bbb ccc ddd eee</div><div><br></div><div>###  aaa bbb ccc ddd eee</div><div></div><div>####</div><div><br></div><div>aaa bbb ccc ddd eee</div>";
+
+        const actual = analyzeHtml(sampleHtml);
+
+        function assertEqual(actual, expected, message) {
+            if (actual !== expected) {
+                console.error('Assertion failed:' + message + '\n' +
+                    'Expected:' + expected + '\n' +
+                    'Actual:', actual);
+            } else {
+                console.log('Assertion passed:', message);
+            }
+        }
+
+        assertEqual(actual[0], 'aaa bbb ccc ddd eee\n    \n  ', "Line 1");
+        assertEqual(actual[1], `aaa bbb ccc ddd eee`, "Line 2");
+        assertEqual(actual[2], "⹉", "Line 3 (empty line)");
+        assertEqual(actual[3], "###  aaa bbb ccc ddd eee", "Line 4");
+        assertEqual(actual[4], "####", "Line 5 (header only)");
+        assertEqual(actual[5], "⹉", "Line 6 (empty line)");
+        assertEqual(actual[6], "aaa bbb ccc ddd eee", "Line 7");
+
         // Selection range utilities for contenteditable elements (precision enhanced version)
         function getContentEditableSelection(element) {
             const selection = window.getSelection();
@@ -272,6 +296,379 @@
             element.innerText = text;
         }
 
+        function getLineAndCharIndex(container, offset) {
+            const walker = document.createTreeWalker(
+                container,
+                NodeFilter.SHOW_TEXT,
+                null,
+                false
+            );
+
+            let currentOffset = 0;
+            let lineNumber = 0;
+            let charInLine = 0;
+            let node;
+
+            while (node = walker.nextNode()) {
+                const nodeText = node.textContent;
+                const nodeLength = nodeText.length;
+
+                if (currentOffset + nodeLength >= offset) {
+                    const offsetInNode = offset - currentOffset;
+                    const textBeforeOffset = nodeText.substring(0, offsetInNode);
+
+                    const allTextBefore = container.textContent.substring(0, currentOffset + offsetInNode);
+                    const linesBeforeOffset = allTextBefore.split('\n');
+
+                    lineNumber = linesBeforeOffset.length - 1;
+                    charInLine = linesBeforeOffset[linesBeforeOffset.length - 1].length;
+
+                    break;
+                }
+
+                currentOffset += nodeLength;
+            }
+
+            return { line: lineNumber, char: charInLine };
+        }
+
+        function getOffsetInContainer(container, node, offset) {
+            // DOM構造をリニアに変換して位置を計算
+            function buildLinearTextMap(container) {
+                let textMap = [];
+                let currentPos = 0;
+
+                function processNode(node) {
+                    if (node.nodeType === Node.TEXT_NODE) {
+                        const text = node.textContent;
+                        textMap.push({
+                            node: node,
+                            type: 'text',
+                            start: currentPos,
+                            end: currentPos + text.length,
+                            text: text
+                        });
+                        currentPos += text.length;
+                    } else if (node.nodeType === Node.ELEMENT_NODE) {
+                        if (node.tagName === 'DIV') {
+                            if (node.children.length === 1 && node.children[0].tagName === 'BR') {
+                                textMap.push({
+                                    node: node,
+                                    type: 'div-br',
+                                    start: currentPos,
+                                    end: currentPos + 1,
+                                    text: '\n'
+                                });
+                                currentPos += 1;
+                                return;
+                            } else if (node.innerHTML === '<br>' || node.innerHTML === '<br/>' || node.innerHTML === '') {
+                                textMap.push({
+                                    node: node,
+                                    type: 'empty-div',
+                                    start: currentPos,
+                                    end: currentPos + 1,
+                                    text: '\n'
+                                });
+                                currentPos += 1;
+                                return;
+                            }
+                        } else if (node.tagName === 'BR') {
+                            textMap.push({
+                                node: node,
+                                type: 'br',
+                                start: currentPos,
+                                end: currentPos + 1,
+                                text: '\n'
+                            });
+                            currentPos += 1;
+                            return;
+                        }
+
+                        // 子ノードを処理
+                        for (let child of node.childNodes) {
+                            processNode(child);
+                        }
+                    }
+                }
+
+                // コンテナの直接の子ノードから開始
+                for (let child of container.childNodes) {
+                    processNode(child);
+                }
+
+                return textMap;
+            }
+
+            const textMap = buildLinearTextMap(container);
+
+            // 対象ノードを見つけて位置を計算
+            for (let item of textMap) {
+                if (item.node === node) {
+                    if (node.nodeType === Node.TEXT_NODE) {
+                        return item.start + offset;
+                    } else {
+                        // 要素ノードの場合は内部オフセットを計算
+                        let internalOffset = 0;
+                        for (let i = 0; i < offset && i < node.childNodes.length; i++) {
+                            const child = node.childNodes[i];
+                            if (child.nodeType === Node.TEXT_NODE) {
+                                internalOffset += child.textContent.length;
+                            } else if (child.nodeType === Node.ELEMENT_NODE && child.tagName === 'BR') {
+                                internalOffset += 1;
+                            }
+                        }
+                        return item.start + internalOffset;
+                    }
+                }
+            }
+
+            return 0;
+        }
+
+        function selectLineNumberAndCharIndex(beginEndLenStrings, beginCharIndex, endCharIndex) {
+            let retBeginLine = 0, retBeginCharIndex = 0;
+            let retEndLine = 0, retEndCharIndex = 0;
+            let emptyLineCount = 0;
+
+            for (let i = 0; i < beginEndLenStrings.length; i++) {
+                const line = beginEndLenStrings[i];
+
+                if (line.str === "⹉") {
+                    emptyLineCount++;
+                }
+
+                if (beginCharIndex >= line.begin && beginCharIndex <= line.end) {
+                    retBeginLine = i;
+                    retBeginCharIndex = beginCharIndex - line.begin + emptyLineCount;
+                    break;
+                }
+            }
+
+            emptyLineCount = 0;
+
+            for (let i = 0; i < beginEndLenStrings.length; i++) {
+                const line = beginEndLenStrings[i];
+
+                if (line.str === "⹉") {
+                    emptyLineCount++;
+                }
+
+                if (endCharIndex >= line.begin && endCharIndex <= line.end) {
+                    retEndLine = i;
+                    retEndCharIndex = endCharIndex - line.begin + emptyLineCount;
+                    break;
+                }
+            }
+
+            return { begin: { line: retBeginLine, char: retBeginCharIndex }, end: { line: retEndLine, char: retEndCharIndex } };
+        }
+
+        function replaceLineNumberAndCharIndex(beginEndLenStrings, targetTextPosition, before, after) {
+            let newLines = [];
+            for (let i = 0; i < beginEndLenStrings.length; i++) {
+                const line = beginEndLenStrings[i];
+
+                // 改行行は変更せずそのまま保持
+                if (line.str === "⹉") {
+                    newLines.push(line.str);
+                    continue;
+                }
+
+                if (i === targetTextPosition.begin.line && i === targetTextPosition.end.line) {
+                    const first = line.str.substring(0, targetTextPosition.begin.char);
+                    const target = line.str.substring(targetTextPosition.begin.char, targetTextPosition.end.char);
+                    const last = line.str.substring(targetTextPosition.end.char);
+                    newLines.push(first + before + target + after + last);
+                }
+                else if (i === targetTextPosition.begin.line) {
+                    const first = line.str.substring(0, targetTextPosition.begin.char);
+                    const target = line.str.substring(targetTextPosition.begin.char);
+                    newLines.push(first + before + target + after);
+                }
+                else if (i === targetTextPosition.end.line) {
+                    const target = line.str.substring(0, targetTextPosition.end.char);
+                    const last = line.str.substring(targetTextPosition.end.char);
+                    newLines.push(before + target + after + last);
+                }
+                else {
+                    newLines.push(line.str);
+                }
+            }
+            return newLines;
+        }
+
+        function replaceLine(beginEndLenStrings, selectedLine, before, after) {
+
+            let newLines = [];
+            for (let i = 0; i < beginEndLenStrings.length; i++) {
+                const line = beginEndLenStrings[i];
+                if (i === selectedLine) {
+                    let addingSpace = "";
+                    if (!line.str.startsWith(" ")) {
+                        addingSpace += " ";
+                    }
+                    newLines.push(before + addingSpace + line.str + after);
+                } else {
+                    newLines.push(line.str);
+                }
+            }
+
+            return newLines;
+        }
+
+        function convertToInnerHtml(newLines) {
+            let html = "";
+            for (let i = 0; i < newLines.length; i++) {
+                if (i === 0) {
+                    html += newLines[i].split("⹉").join("");
+                } else {
+                    let insert = newLines[i];
+                    if (insert === "⹉") {
+                        insert = insert.split("⹉").join("<br>");
+                    } else {
+                        insert = insert.split("⹉").join("");
+                    }
+                    html += "<div>" + insert + "</div>";
+                }
+            }
+            return html;
+        }
+
+        function getCurrentLineIndex(beginEndLenStrings) {
+            const selection = window.getSelection();
+            if (!selection.rangeCount) {
+                return null;
+            }
+
+            const range = selection.getRangeAt(0);
+
+            if (!range.collapsed) {
+                return null;
+            }
+
+            const beforeCursorText = getTextBeforeCursor(range.startContainer, range.startOffset, beginEndLenStrings);
+            const beforeCursorTextLength = beforeCursorText.length;
+            let selectedLine = -1;
+            for (let i = 0; i < beginEndLenStrings.length; i++) {
+                const line = beginEndLenStrings[i];
+                if (line.begin <= beforeCursorTextLength && beforeCursorTextLength <= line.end) {
+                    selectedLine = i;
+                    break;
+                }
+            }
+            return {
+                line: selectedLine
+            };
+        }
+
+        function getTextBeforeCursor(container, offset, beginEndLenStrings) {
+            const selection = window.getSelection();
+            if (!selection.rangeCount) return '';
+
+            const range = selection.getRangeAt(0);
+            const textarea = document.getElementById('editor_content');
+
+            try {
+                // 全テキストとカーソル位置を取得
+                const fullText = textarea.innerText || '';
+                const text = getCursorPositionInInnerText(textarea, range.startContainer, range.startOffset);
+                return text;
+            } catch (error) {
+                console.error('Error in getTextBeforeCursor:', error);
+                return '';
+            }
+        }
+
+        function getCursorPositionInInnerText(container, cursorNode, cursorOffset) {
+            try {
+                const beforeRange = document.createRange();
+                beforeRange.setStart(container, 0);
+                beforeRange.setEnd(cursorNode, cursorOffset);
+
+                // cloneContentsを使用してDOM構造を保持
+                const fragment = beforeRange.cloneContents();
+                const tempDiv = document.createElement('div');
+                tempDiv.appendChild(fragment);
+
+                // innerTextで正確な文字数を取得（空行も含む）
+                const r = analyzeHtml(tempDiv.innerHTML.replace('\n    \n  ', ''), true).join('');
+                return r;
+
+            } catch (error) {
+                console.error('Position calculation failed:', error);
+                return 0;
+            }
+        }
+
+        function analyzeHtml(target, isCountEmptyDiv = false) {
+            let lines = [];
+            let remain = target;
+
+            while (remain.length > 0) {
+                // <div><br></div> パターン（改行）- 常に維持
+                if (remain.startsWith("<div><br></div>")) {
+                    lines.push("⹉");
+                    remain = remain.substring(15);
+                    continue;
+                }
+
+                // <div></div> パターン（空のdiv）- isCountEmptyDivで制御
+                if (remain.startsWith("<div></div>")) {
+                    if (isCountEmptyDiv) {
+                        lines.push("⹉");
+                    }
+                    remain = remain.substring(11);
+                    continue;
+                }
+
+                // <div>内容</div> パターン
+                const divMatch = remain.match(/^<div>([^<]*)<\/div>/);
+                if (divMatch) {
+                    lines.push(divMatch[1]);
+                    remain = remain.substring(divMatch[0].length);
+                    continue;
+                }
+
+                // <br> パターン（単体の改行）
+                if (remain.startsWith("<br>")) {
+                    lines.push("⹉");
+                    remain = remain.substring(4);
+                    continue;
+                }
+
+                // <div> の開始を探す
+                const divIndex = remain.indexOf("<div>");
+                if (divIndex > 0) {
+                    lines.push(remain.substring(0, divIndex));
+                    remain = remain.substring(divIndex);
+                    continue;
+                }
+
+                // その他のタグまたは残りのテキスト
+                const nextTagIndex = remain.indexOf("<");
+                if (nextTagIndex === -1) {
+                    if (remain.trim()) {
+                        lines.push(remain);
+                    }
+                    break;
+                }
+
+                if (nextTagIndex > 0) {
+                    lines.push(remain.substring(0, nextTagIndex));
+                    remain = remain.substring(nextTagIndex);
+                } else {
+                    const tagEnd = remain.indexOf(">");
+                    if (tagEnd !== -1) {
+                        remain = remain.substring(tagEnd + 1);
+                    } else {
+                        break;
+                    }
+                }
+            }
+
+            return lines;
+        }
+
         // Markdown text insertion functionality
         window.insertMarkdown = function(before, after) {
             after = after || '';
@@ -284,62 +681,148 @@
             try {
                 // Check if element is contenteditable
                 const isContentEditable = textarea.contentEditable === 'true' ||
-                                        textarea.getAttribute('contenteditable') === 'true';
+                    textarea.getAttribute('contenteditable') === 'true';
 
-                let start, end, selectedText;
+                let lines = analyzeHtml(textarea.innerHTML.replace('\n    \n  ', ''));
 
-                if (isContentEditable) {
-                    // For contenteditable elements
-                    const selection = getContentEditableSelection(textarea);
-                    start = selection.start;
-                    end = selection.end;
-                    selectedText = selection.selectedText;
-                } else {
-                    // For regular textarea elements
-                    start = textarea.selectionStart || 0;
-                    end = textarea.selectionEnd || 0;
-                    selectedText = textarea.value.substring(start, end);
+                // === 修正部分：DOM構造に基づいたテキスト表現を構築 ===
+                let domBasedText = '';
+                for (let i = 0; i < lines.length; i++) {
+                    if (lines[i] === "⹉") {
+                        domBasedText += '\n'; // 改行として1文字
+                    } else {
+                        domBasedText += lines[i];
+                    }
                 }
 
-                // fullTextの定義をここで行う
-                const fullText = isContentEditable ?
-                    (textarea.innerText || textarea.textContent || '') :
-                    textarea.value;
+                // beginEndLenStringsをDOM構造ベースで構築
+                let offset = 0;
+                let beginEndLenStrings = [];
+                for (let i = 0; i < lines.length; i++) {
+                    let line = lines[i];
+                    let actualLength;
 
-                // Bold（**）の場合のみ、選択範囲の両端に余分な空白・改行・文末記号があれば除外
-                if (before === '**' && after === '**' && selectedText.length > 0) {
-                    // 両端の「改行・空白・文末記号」をすべて除去（複数連続も対応）
-                    while (/^[\s\n.,;:!?]+/.test(selectedText)) {
-                        selectedText = selectedText.replace(/^[\s\n.,;:!?]+/, '');
-                    }
-                    while (/[\s\n.,;:!?]+$/.test(selectedText)) {
-                        selectedText = selectedText.replace(/[\s\n.,;:!?]+$/, '');
+                    if (line === "⹉") {
+                        actualLength = 1; // 改行として1文字
+                    } else {
+                        actualLength = line.length;
                     }
+
+                    beginEndLenStrings.push({
+                        begin: offset,
+                        end: offset + actualLength,
+                        len: actualLength,
+                        str: line,
+                    });
+                    offset += actualLength;
+                }
+                // ===================================================
+
+                // len:0のものを削除（元の処理を保持）
+                beginEndLenStrings = beginEndLenStrings.filter(line => line.len > 0 || line.str === "⹉");
+                if (beginEndLenStrings.length === 0) {
+                    beginEndLenStrings.push({
+                        begin: 0,
+                        end: 1,
+                        len: 1,
+                        str: "⹉",
+                        emptyLineCount: 1
+                    });
                 }
 
-                const beforeText = fullText.substring(0, start);
-                const afterText = fullText.substring(end);
-                const newText = before + selectedText + after;
+                // 選択範囲の取得
+                const selection = window.getSelection();
 
-                const newFullText = beforeText + newText + afterText;
+                let selectLineMode = false;
+                let selectedLinePos;
 
-                if (isContentEditable) {
-                    textarea.innerText = newFullText;
-                } else {
-                    textarea.value = newFullText;
+                if (!selection.rangeCount || selection.isCollapsed) {
+                    // 行選択モード
+                    selectLineMode = true;
+                    selectedLinePos = getCurrentLineIndex(beginEndLenStrings);
                 }
 
-                // Adjust cursor position
-                const newCursorPos = selectedText.length > 0 ?
-                    start + newText.length :
-                    start + before.length;
+                const range = selection.getRangeAt(0);
 
-                textarea.focus();
+                if (!textarea.contains(range.commonAncestorContainer) &&
+                    range.commonAncestorContainer !== textarea) {
+                    return;
+                }
+
+                const startOffset = getOffsetInContainer(textarea, range.startContainer, range.startOffset);
+                const endOffset = getOffsetInContainer(textarea, range.endContainer, range.endOffset);
+
+                // === デバッグ出力（削除可能）===
+                console.log('DOM-based text:', JSON.stringify(domBasedText));
+                console.log('beginEndLenStrings:', beginEndLenStrings);
+                console.log('Selection offsets:', startOffset, endOffset);
+                console.log('Selected text should be:', JSON.stringify(domBasedText.substring(startOffset, endOffset)));
+                // =============================
+
+                const startPos = getLineAndCharIndex(textarea, startOffset);
+                const endPos = getLineAndCharIndex(textarea, endOffset);
+
+                const selectedTextContent = selection.toString();
+
+                const targetTextPosition = selectLineNumberAndCharIndex(beginEndLenStrings, startOffset, endOffset);
+
+                const newLines = !selectLineMode
+                    ? replaceLineNumberAndCharIndex(beginEndLenStrings, targetTextPosition, before, after)
+                    : replaceLine(beginEndLenStrings, selectedLinePos.line, before, after);
+
+                const newFullHTML = convertToInnerHtml(newLines);
 
                 if (isContentEditable) {
-                    setContentEditableSelection(textarea, newCursorPos, newCursorPos);
-                } else if (textarea.setSelectionRange) {
-                    textarea.setSelectionRange(newCursorPos, newCursorPos);
+                    textarea.innerHTML = newFullHTML;
+                    textarea.focus();
+
+                    // 挿入されたテキストノードを直接探してカーソルを設定
+                    const insertedText = selectedTextContent.length > 0 ?
+                        (before + selectedTextContent + after) :
+                        (before + after);
+
+                    // 新しく挿入されたテキストの終端を探す
+                    const walker = document.createTreeWalker(
+                        textarea,
+                        NodeFilter.SHOW_TEXT,
+                        null,
+                        false
+                    );
+
+                    let foundNode = null;
+                    let foundOffset = 0;
+                    let node;
+
+                    while (node = walker.nextNode()) {
+                        if (node.textContent.includes(insertedText)) {
+                            // 挿入されたテキストを含むノードを発見
+                            const textIndex = node.textContent.indexOf(insertedText);
+                            if (textIndex !== -1) {
+                                foundNode = node;
+                                foundOffset = textIndex + insertedText.length;
+                                break;
+                            }
+                        }
+                    }
+
+                    if (foundNode) {
+                        // 見つかったテキストノード内にカーソルを設定
+                        const range = document.createRange();
+                        range.setStart(foundNode, Math.min(foundOffset, foundNode.textContent.length));
+                        range.collapse(true);
+
+                        const selection = window.getSelection();
+                        selection.removeAllRanges();
+                        selection.addRange(range);
+                    } else {
+                        // フォールバック: 従来の方法
+                        const newDomText = buildDomBasedText(textarea);
+                        const targetPosition = Math.min(
+                            startOffset + insertedText.length,
+                            newDomText.length
+                        );
+                        setContentEditableSelection(textarea, targetPosition, targetPosition);
+                    }
                 }
 
                 // Fire input event
@@ -350,12 +833,25 @@
             }
         };
 
+        function buildDomBasedText(element) {
+            const lines = analyzeHtml(element.innerHTML);
+            let domText = '';
+            for (let line of lines) {
+                if (line === "⹉") {
+                    domText += '\n';
+                } else {
+                    domText += line;
+                }
+            }
+            return domText;
+        }
+
         window.insertCode = function() {
             const textarea = document.getElementById('editor_content');
 
             // Check if element is contenteditable
             const isContentEditable = textarea.contentEditable === 'true' ||
-                                    textarea.getAttribute('contenteditable') === 'true';
+                textarea.getAttribute('contenteditable') === 'true';
 
             let selectedText;
             if (isContentEditable) {
@@ -388,7 +884,7 @@
                     // Switch to preview mode
                     // Check if element is contenteditable and get text
                     const isContentEditable = textarea.contentEditable === 'true' ||
-                                            textarea.getAttribute('contenteditable') === 'true';
+                        textarea.getAttribute('contenteditable') === 'true';
 
                     const markdownText = isContentEditable ?
                         (textarea.innerText || textarea.textContent || '') :
@@ -731,6 +1227,11 @@
             });
         }
 
+        function applyTable() {
+            const tableMarkdown = '| 列1 | 列2 | 列3 |<br>|-----|-----|-----|<br>| セル1 | セル2 | セル3 |<br>| セル4 | セル5 | セル6 |<br><br>';
+            insertMarkdown(tableMarkdown, '');
+        }
+
         // Enhanced code function with block detection
         function applyCodeSmart() {
             const activeElement = document.activeElement;
@@ -767,6 +1268,7 @@
         window.applyList = applyList;
         window.applyOrderedList = applyOrderedList;
         window.applyBlockquote = applyBlockquote;
+        window.applyTable = applyTable;
 
         // Allowed script tag sources (whitelist)
         const ALLOWED_SCRIPT_SOURCES = [
@@ -1329,7 +1831,7 @@
 
             // Check if element is contenteditable
             const isContentEditable = textarea.contentEditable === 'true' ||
-                                    textarea.getAttribute('contenteditable') === 'true';
+                textarea.getAttribute('contenteditable') === 'true';
 
             if (isContentEditable) {
                 // For contenteditable elements

data/app/views/ponkotsu_md_editor/_editor.html.erb

@@ -1,6 +1,5 @@
 <%
   _form = locals[:form]
-  _content = locals[:content]
   _options = {
     lang: locals[:options][:lang] || :en,
     preview: locals[:options][:preview] || true,
@@ -60,7 +59,7 @@
 
 <div class="markdown-editor">
   <%= render "ponkotsu_md_editor/toolbar", locals: { options: _options } %>
-  <%= render "ponkotsu_md_editor/input_area", locals: { form: _form, content: _content, options: _options } %>
+  <%= render "ponkotsu_md_editor/input_area", locals: { form: _form, attribute: locals[:attribute], options: _options } %>
 </div>
 <div class="form-text medium-contrast-text">
   <strong><%= case _options[:lang]

data/app/views/ponkotsu_md_editor/_input_area.html.erb

@@ -1,6 +1,5 @@
 <%
   _form = locals[:form]
-  _content = locals[:content]
   _placeholder = locals[:options][:placeholder]
 %>
 
@@ -9,14 +8,14 @@
        contenteditable="true"
        data-field="content"
        class="form-control markdown-textarea">
-    <%= raw _content %>
+    <%= raw locals[:attribute] %>
   </div>
 
   <div id="editor_content_placeholder">
     <%= _placeholder %>
   </div>
 
-  <%= _form.hidden_field _content, id: "content_hidden_field" %>
+  <%= _form.hidden_field locals[:attribute], id: "content_hidden_field" %>
 
   <%= render "ponkotsu_md_editor/preview_area" %>
 </div>

data/lib/ponkotsu/md/editor/helpers.rb

@@ -22,9 +22,9 @@ module PonkotsuMdEditor
     #                                         tools: [ :bold, :italic, :strikethrough ],
     #                                         placeholder: "This is Placeholder."
     #                                       }) %>
-    def markdown_editor(form, content, options = {})
+    def markdown_editor(form, attribute, options = {})
       form = form[:form] if form.is_a?(Hash)
-      render "ponkotsu_md_editor/editor", locals: { content: content, form: form, options: options }
+      render "ponkotsu_md_editor/editor", locals: { attribute: attribute, form: form, options: options }
     end
   end
 end

data/lib/ponkotsu/md/editor/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module PonkotsuMdEditor
-  VERSION = "0.1.42"
+  VERSION = "0.2.1"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: ponkotsu-md-editor
 version: !ruby/object:Gem::Version
-  version: 0.1.42
+  version: 0.2.1
 platform: ruby
 authors:
 - dhq_boiler