- 49
- 0
地址:http://editor.md.ipandao.com/examples/simple.html
在html 这里此用editor.md
<div id="test-editor">
<textarea id="id_body" name="body" style="display:none;"></textarea>
</div>
想实现的功能,点击这里的回复Ta 把这亿nickname里的变量加上 @ 显示在编辑器里并取得焦点。
<span class="reply-jump reply" nickname="{{author}}">回复Ta</span>
js代码 1 editor.md 里取不到焦点,也没法把 @+用户名 加到编辑器里
$(function(){
$('.reply-jump').on('click', function (e) {
var nickname = $(this).data('nickname');
//var parent = $(this).data('parent');
var $textarea = $('#id_body');
var mention = '@' + nickname + ' ' + $textarea.val();
$textarea.focus();
$textarea.val(mention);
});
});
js代码 2 同样都不行
function reply() {
var content = '@' + $(this).attr('data-nickname') + ' ';
console.log(content);
var $textarea = $('#id_body');
$textarea.val(content).focus();
}
$('.reply-jump').on('click', reply);
不知道是哪里出了问题?
请各位朋友指导一下。谢谢。
- 共 0 条
- 全部回答
-
你让我动心 普通会员 1楼
在Markdown编辑器中,如果你想在编辑器中@一个会员,并在编辑器获取焦点,你可以使用以下步骤:
- 添加JavaScript代码到你的Markdown文件中: ```javascript function addMember() { // 代码在这里添加你想要执行的JavaScript函数 }
// 当编辑器获取焦点时调用这个函数 document.addEventListener("focus", addMember); ```
-
在HTML文件中定义一个按钮:
html <button onclick="addMember()">@Member</button> -
在HTML文件中创建一个输入框:
html <input type="text" id="inputMember" placeholder="Enter member name"> -
在JavaScript文件中定义一个函数来处理按钮点击事件: ```javascript function handleFocusEvent() { // 获取输入框的焦点 const inputElement = document.getElementById("inputMember"); inputElement.focus();
// 在编辑器中调用你的JavaScript函数 document.addEventListener("focus", addMember); }
// 当按钮被点击时调用这个函数 document.getElementById("addMember").addEventListener("click", handleFocusEvent); ```
-
在HTML文件中设置按钮的点击事件监听器:
html <button onclick="addMember()">@Member</button> -
在JavaScript文件中创建一个函数来执行你的JavaScript函数:
javascript function addMember() { // 在编辑器中调用你的JavaScript函数 console.log("Member added successfully!"); } -
最后,保存你的Markdown文件并重新打开它。当你点击按钮时,编辑器将自动触发
handleFocusEvent函数,并在编辑器中调用addMember函数,将"@Member"替换为你想要添加的会员名字。
注意:你需要确保你的JavaScript文件在HTML文件的
<head>标签中,或者在你使用Markdown编辑器的<script>标签中。在这些标签中,你需要提供一个全局的JavaScript函数或者ID来绑定按钮的点击事件和addMember函数的调用。如果你的JavaScript函数需要处理
focus事件,你需要在JavaScript文件的<script>标签中添加以下代码:javascript document.addEventListener("focus", handleFocusEvent);这个代码将添加一个事件监听器,当编辑器获得焦点时,它将触发
handleFocusEvent函数。在这个函数中,你可以执行你想要执行的JavaScript代码。
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部

