簡體   English   中英

將文本插入div的sceditor textarea中?

[英]insert text into an sceditor textarea from a div?

大家好,我對javascript和jquery還是很陌生,所以請允許我,我正在嘗試為我的站點評論系統創建一個多引用系統。 SCEditor是這個順便說一句: http : //www.sceditor.com/

我有這個代碼

<script>
function insert_quote(quote_id)
{
    var text = Document.getElementById(quote_id).innerHTML;
    $('textarea').sceditor('instance').insert(text);
}
</script>

和這個:

<td valign="top">
    <div id="{:comment_id}" class="forumpost">{:text}</div><br />
    <a onclick="insert_quote({:comment_id});">Multi Quote Test</a>
</td>

其中{:comment_id}是數據庫中評論的ID。

由於我明顯做錯了某件事,所以它不起作用,有人可以幫忙嗎?

首先,您沒有在(quote_id)引號,並且document沒有大寫,所以這就是為什么它不起作用。 但是最好使用jQuery並像這樣刪除“ onclick”屬性。

JS

$('.comment').on('click', function() {
        var text = $(this).prev('.forumpost').text();
        $('textarea').sceditor('instance').insert(text);
 });

的HTML

<td valign="top">
        <div id="{:comment_id}" class="forumpost">{:text}</div><br />
        <a class="comment">Multi Quote Test</a>
</td>

編輯

這是一個jsFiddle ,可以實際使用它。

從可編輯文件中插入文本格式<div>或 textarea 進入數據庫</div><div id="text_translate"><p>我目前正在為我自己的網站開發一個個人項目,我正在嘗試添加將格式化文本存儲到數據庫中的功能。 到目前為止,我所做的是能夠將字體從斜體更改為粗體作為示例,但我完全不知道如何將其傳遞到數據庫。</p><pre> &lt;style&gt; #fake_textarea { width: 100%; height: 200px; border: 1px solid red; } #jBold { font-weigth: bold; } #jItalic{ font-style:italic; } &lt;/style&gt; &lt;script src="/scripts/snippet-javascript-console.min.js?v=1"&gt;&lt;/script&gt; &lt;body&gt; &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt; &lt;button id="jBold"&gt;&lt;b&gt;B&lt;/b&gt;&lt;/button&gt;&lt;button id="jItalic"&gt;&lt;i&gt;I&lt;/i&gt;&lt;/button&gt; &lt;div id='fake_textarea' contenteditable&gt; Select some text and click the button to make it bold... &lt;br&gt;Or write your own text &lt;/div&gt; &lt;script type="text/javascript"&gt; $(document).ready(function() { $('#jBold').click(function() { document.execCommand('bold'); }); }); &lt;/script&gt; &lt;script type="text/javascript"&gt; $(document).ready(function() { $('#jItalic').click(function() { document.execCommand('italic'); }); }); &lt;/script&gt; &lt;/body&gt; &lt;/html&gt;</pre><p> 示例工作: <a href="https://codepen.io/goldenowl/pen/KKdZQxY" rel="nofollow noreferrer">codepen</a></p></div>

[英]Insert text format from an editable <div> or textarea into the database

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

相關問題 如何從sceditor textarea結果中刪除標簽 從可編輯文件中插入文本格式<div>或 textarea 進入數據庫</div><div id="text_translate"><p>我目前正在為我自己的網站開發一個個人項目,我正在嘗試添加將格式化文本存儲到數據庫中的功能。 到目前為止,我所做的是能夠將字體從斜體更改為粗體作為示例,但我完全不知道如何將其傳遞到數據庫。</p><pre> &lt;style&gt; #fake_textarea { width: 100%; height: 200px; border: 1px solid red; } #jBold { font-weigth: bold; } #jItalic{ font-style:italic; } &lt;/style&gt; &lt;script src="/scripts/snippet-javascript-console.min.js?v=1"&gt;&lt;/script&gt; &lt;body&gt; &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt; &lt;button id="jBold"&gt;&lt;b&gt;B&lt;/b&gt;&lt;/button&gt;&lt;button id="jItalic"&gt;&lt;i&gt;I&lt;/i&gt;&lt;/button&gt; &lt;div id='fake_textarea' contenteditable&gt; Select some text and click the button to make it bold... &lt;br&gt;Or write your own text &lt;/div&gt; &lt;script type="text/javascript"&gt; $(document).ready(function() { $('#jBold').click(function() { document.execCommand('bold'); }); }); &lt;/script&gt; &lt;script type="text/javascript"&gt; $(document).ready(function() { $('#jItalic').click(function() { document.execCommand('italic'); }); }); &lt;/script&gt; &lt;/body&gt; &lt;/html&gt;</pre><p> 示例工作: <a href="https://codepen.io/goldenowl/pen/KKdZQxY" rel="nofollow noreferrer">codepen</a></p></div> 將文本從彈出窗口插入文本區域 將文本從textarea追加到div 與SCEditor集成的textarea的JS驗證 從textarea Javascript將內容插入div 從 SCEditor 獲取值 將文本從HTML div發送到HTML textarea 能夠將文本區域中的文本插入表格 將文本從div innerHtml復制到textarea
 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM