ponkotsu-md-editor 0.1.10 → 0.1.11

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 9b28859d9545a2b22a23f784e378112610c1d01df952201e77a5fb165f725fb0
-  data.tar.gz: 6142db919d87d110f5037c612d9f23fb2b502cf852fead4017dc7a0e178b1258
+  metadata.gz: f368e5ac8edd2f609cb8d806e1a9396468883cd9455ce681ede8f1e61d33278a
+  data.tar.gz: 3cf05435af1e6ddac2d45fffa72158cabf61f94387a1e67d9d0010098358ab12
 SHA512:
-  metadata.gz: 7eed329ecb08aa119dbecc4a166aebfaf55412e31d71e0788d7895db7e97e984906dc0e25ff6aa17cadc7cf14b9e18d74b3ba16a13a19d18da6637d57fe72688
-  data.tar.gz: 7803dbff76c6bbc05d9470a519976f30490b116b75c88d2164218b397d6c356ba79b223f6f265b51a32c1538756c4e3f04770abbccab137f7af0205b88efc30c
+  metadata.gz: 06d90cf57121c150bba6cedfb5ad0e5077588177b0ed53dcccd9c00263a125386c90b2ad854fcdf952e0ea68bf456efaef232bef2ee0842249d046913eb970c6
+  data.tar.gz: 5d08cdf6a4b4226985a78b54eb12c3707a1c7c0dc2520559afeb9a3b06af5a2fadbb917888c4c1d02782a5c52d02c5a09f05f6b30ef6b5cc30abf49fb0a5d0f8

data/app/assets/javascripts/markdown_editor.js

@@ -27,10 +27,6 @@
         const textarea = getElement('.markdown-textarea');
         const previewContainer = getElement('#markdownPreview');
         const previewToggle = getElement('#previewToggle');
-        const titleField = getElement('#article_title');
-        const slugField = getElement('#article_slug');
-        const generateBtn = getElement('#generateSlugBtn');
-        const slugPreview = getElement('#slugPreview');
 
         let isPreviewMode = false;
 
@@ -73,7 +69,7 @@
         };
 
         window.insertCode = function() {
-            const textarea = document.getElementById('article_content');
+            const textarea = document.getElementById('editor_content');
             const selectedText = textarea.value.substring(textarea.selectionStart, textarea.selectionEnd);
 
             if (selectedText.includes('\n')) {
@@ -648,16 +644,6 @@
             }
         };
 
-// デバッグ用：サニタイズテスト
-        window.testSanitization = function() {
-            const testInput = `<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">ニーアでも聞きながら作業しますかね。<a href="https://t.co/Ac9X8lEaZL">https://t.co/Ac9X8lEaZL</a></p>&mdash; ボイラー (@dhq_boiler) <a href="https://twitter.com/dhq_boiler/status/1942584009550409780?ref_src=twsrc%5Etfw">July 8, 2025</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>`;
-
-            const result = convertMarkdownToHtml(testInput);
-            console.log('Original:', testInput);
-            console.log('Converted:', result);
-            return result;
-        };
-
         // Twitter埋め込み用のヘルパー関数
         window.insertTwitterEmbed = function() {
             const tweetUrl = prompt('TwitterのツイートURLを入力してください：');
@@ -669,7 +655,7 @@
                 return;
             }
 
-            const textarea = document.getElementById('article_content');
+            const textarea = document.getElementById('editor_content');
             if (!textarea) return;
 
             // 簡単なTwitter埋め込みコードのテンプレート
@@ -686,6 +672,31 @@
             alert('基本的なTwitter埋め込みを挿入しました。\n\n完全な埋め込みには、Twitter公式から生成されたコードを使用してください。');
         };
 
+        // テキストエリアのカーソル位置にテキストを挿入
+        window.insertTextAtCursor = function(textarea, text) {
+            if (!textarea || !text) return;
+
+            const start = textarea.selectionStart;
+            const end = textarea.selectionEnd;
+            const currentValue = textarea.value;
+
+            // 挿入位置の前後に改行を追加（必要に応じて）
+            let insertText = text;
+            if (start > 0 && currentValue[start - 1] !== '\n') {
+                insertText = '\n' + insertText;
+            }
+            if (end < currentValue.length && currentValue[end] !== '\n') {
+                insertText = insertText + '\n';
+            }
+
+            textarea.value = currentValue.substring(0, start) + insertText + currentValue.substring(end);
+            textarea.focus();
+            textarea.selectionStart = textarea.selectionEnd = start + insertText.length;
+
+            // Railsのフォームバリデーション用にchangeイベントを発火
+            textarea.dispatchEvent(new Event('change', { bubbles: true }));
+        }
+
         // 遅延実行のためのデバウンス関数
         function debounce(func, wait) {
             let timeout;
@@ -738,115 +749,9 @@
             });
         }
 
-        // フォームバリデーション
-        const form = getElement('.article-form');
-        if (form) {
-            form.addEventListener('submit', function(e) {
-                const title = titleField && titleField.value.trim();
-                const content = textarea && textarea.value.trim();
-
-                if (!title) {
-                    e.preventDefault();
-                    alert('タイトルを入力してください');
-                    if (titleField) {
-                        titleField.focus();
-                        titleField.scrollIntoView({ behavior: 'smooth' });
-                    }
-                    return false;
-                }
-
-                if (!content) {
-                    e.preventDefault();
-                    alert('本文を入力してください');
-                    if (textarea) {
-                        textarea.focus();
-                        textarea.scrollIntoView({ behavior: 'smooth' });
-                    }
-                    return false;
-                }
-
-                // スラッグが空の場合は最後の努力で生成
-                if (slugField && !slugField.value.trim() && title) {
-                    e.preventDefault();
-
-                    generateHighQualitySlug(title).then(slug => {
-                        if (slug) {
-                            slugField.value = slug;
-                            form.submit(); // 再送信
-                        } else {
-                            alert('スラッグの生成に失敗しました。手動で入力してください。');
-                            slugField.focus();
-                        }
-                    }).catch(error => {
-                        console.error('Final slug generation failed:', error);
-                        alert('スラッグの生成でエラーが発生しました。手動で入力してください。');
-                        slugField.focus();
-                    });
-
-                    return false;
-                }
-
-                // スラッグの形式チェック
-                if (slugField && slugField.value.trim()) {
-                    const slug = slugField.value.trim();
-                    if (!/^[a-z0-9\-]+$/.test(slug)) {
-                        e.preventDefault();
-                        alert('スラッグは英小文字、数字、ハイフンのみ使用できます');
-                        slugField.focus();
-                        slugField.select();
-                        return false;
-                    }
-                }
-            });
-        }
-
-        // リアルタイムバリデーション
-        if (slugField) {
-            slugField.addEventListener('blur', function() {
-                const slug = this.value.trim();
-                if (slug && !/^[a-z0-9\-]+$/.test(slug)) {
-                    this.classList.add('is-invalid');
-
-                    // エラーメッセージを表示
-                    let errorDiv = this.parentNode.querySelector('.invalid-feedback');
-                    if (!errorDiv) {
-                        errorDiv = document.createElement('div');
-                        errorDiv.className = 'invalid-feedback';
-                        this.parentNode.appendChild(errorDiv);
-                    }
-                    errorDiv.textContent = '英小文字、数字、ハイフンのみ使用できます';
-                } else {
-                    this.classList.remove('is-invalid');
-                    const errorDiv = this.parentNode.querySelector('.invalid-feedback');
-                    if (errorDiv) {
-                        errorDiv.remove();
-                    }
-                }
-            });
-        }
-
         console.log('ponkotsu Markdown editor initialized successfully');
     });
 
-    // ページ離脱確認
-    window.addEventListener('beforeunload', function(e) {
-        try {
-            const textarea = getElement('.markdown-textarea');
-            const titleField = getElement('#article_title');
-
-            const hasContent = (textarea && textarea.value.trim()) ||
-                (titleField && titleField.value.trim());
-
-            if (hasContent) {
-                const message = '編集中の内容が失われますがよろしいですか？';
-                e.returnValue = message;
-                return message;
-            }
-        } catch (error) {
-            console.error('Beforeunload error:', error);
-        }
-    });
-
     // エラーハンドリングの強化
     window.addEventListener('error', function(e) {
         if (e.message.includes('markdown') || e.message.includes('slug')) {

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

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

metadata

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