账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    用editor.md 当编辑器, 当@一个会员。并在编辑器取的焦点。写了两个js函数。都不成功?
    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
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 11 元积分
        全部回答
    • 0
    • 你让我动心 普通会员 1楼

      在Markdown编辑器中,如果你想在编辑器中@一个会员,并在编辑器获取焦点,你可以使用以下步骤:

      1. 添加JavaScript代码到你的Markdown文件中: ```javascript function addMember() { // 代码在这里添加你想要执行的JavaScript函数 }

      // 当编辑器获取焦点时调用这个函数 document.addEventListener("focus", addMember); ```

      1. 在HTML文件中定义一个按钮html <button onclick="addMember()">@Member</button>

      2. 在HTML文件中创建一个输入框html <input type="text" id="inputMember" placeholder="Enter member name">

      3. 在JavaScript文件中定义一个函数来处理按钮点击事件: ```javascript function handleFocusEvent() { // 获取输入框的焦点 const inputElement = document.getElementById("inputMember"); inputElement.focus();

      // 在编辑器中调用你的JavaScript函数 document.addEventListener("focus", addMember); }

      // 当按钮被点击时调用这个函数 document.getElementById("addMember").addEventListener("click", handleFocusEvent); ```

      1. 在HTML文件中设置按钮的点击事件监听器: html <button onclick="addMember()">@Member</button>

      2. 在JavaScript文件中创建一个函数来执行你的JavaScript函数: javascript function addMember() { // 在编辑器中调用你的JavaScript函数 console.log("Member added successfully!"); }

      3. 最后,保存你的Markdown文件并重新打开它。当你点击按钮时,编辑器将自动触发handleFocusEvent函数,并在编辑器中调用addMember函数,将"@Member"替换为你想要添加的会员名字。

      注意:你需要确保你的JavaScript文件在HTML文件的<head>标签中,或者在你使用Markdown编辑器的<script>标签中。在这些标签中,你需要提供一个全局的JavaScript函数或者ID来绑定按钮的点击事件和addMember函数的调用。

      如果你的JavaScript函数需要处理focus事件,你需要在JavaScript文件的<script>标签中添加以下代码:

      javascript document.addEventListener("focus", handleFocusEvent);

      这个代码将添加一个事件监听器,当编辑器获得焦点时,它将触发handleFocusEvent函数。在这个函数中,你可以执行你想要执行的JavaScript代码。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部