简体   繁体   English

将文本插入div的sceditor textarea中?

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

Hi all I am very new to javascript and jquery so bear with me, I am trying to make a multi-quote system for my sites comments system. 大家好,我对javascript和jquery还是很陌生,所以请允许我,我正在尝试为我的站点评论系统创建一个多引用系统。 SCEditor is this btw: http://www.sceditor.com/ SCEditor是这个顺便说一句: http : //www.sceditor.com/

I have this code 我有这个代码

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

And this: 和这个:

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

Where {:comment_id} would be the id of the comment from the database. 其中{:comment_id}是数据库中评论的ID。

It doesn't work since i'm obviously doing something stupidly wrong, can someone help? 由于我明显做错了某件事,所以它不起作用,有人可以帮忙吗?

First you didn't put quote to (quote_id) and document have not uppercase so it is why it doesn't work. 首先,您没有在(quote_id)引号,并且document没有大写,所以这就是为什么它不起作用。 But it would be preferable do to all by jQuery and remove the "onclick" attribute like this. 但是最好使用jQuery并像这样删除“ onclick”属性。

JS JS

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

HTML 的HTML

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

EDIT 编辑

Here's a jsFiddle to see it in action. 这是一个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结果中删除标签 - How to remove tags from sceditor textarea result 从可编辑文件中插入文本格式<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 将文本从弹出窗口插入文本区域 - Insert text from popup into textarea 将文本从textarea追加到div - Append text to div from textarea 与SCEditor集成的textarea的JS验证 - JS validation of textarea integrated with SCEditor 从textarea Javascript将内容插入div - insert content into div from textarea Javascript 从 SCEditor 获取值 - Get the value from SCEditor 将文本从HTML div发送到HTML textarea - Send text from a HTML div to a HTML textarea 能够将文本区域中的文本插入表格 - Be able to insert text from a textarea into a table 将文本从div innerHtml复制到textarea - Copy text from div innerHtml to textarea
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM