繁体   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