Jquery：将类应用于网页上的所有文本_Jquery_Html

Jquery：将类应用于网页上的所有文本

jquery html

Jquery：将类应用于网页上的所有文本,jquery,html,Jquery,Html,我正在使用jquery插件使webapge的文本可以动态编辑比如说 <div class="row"> <h1 class="text-poi" tabindex="-1"> This text is editable. </p> </div> 此文本是可编辑的。在上面，我添加了一个类，它使用以下js代码使其可编辑 js代码： &l

我正在使用jquery插件使webapge的文本可以动态编辑

比如说

        <div class="row">
            <h1 class="text-poi" tabindex="-1">
             This text is editable.
            </p>
        </div>


此文本是可编辑的。

在上面，我添加了一个类，它使用以下js代码使其可编辑

js代码：

<script src="js/jquery.trocar.js"></script>
    <script>
    $(".text-poi").trocar({
        'on': 'focus',
        'off': 'blur',
        'endOnEnter': true,
        'filterPaste': true
    });
    </script>


$（“.text poi”）.trocar({
“on”：“focus”，
“关闭”：“模糊”，
“内生者”：对，
“filterPaste”：true
});

在网页上，我希望每一段文字都是可编辑的。方法是将

文本poi

类添加到每个文本元素中，但这会很累人

有更好的方法吗？

怎么样：

$('*').trocar({
    'on': 'focus',
    'off': 'blur',
    'endOnEnter': true,
    'filterPaste': true
});

更好、更安全的解决方案是只引用典型的文本标记，我会避免*选择器：

$('p, span, h1, h2').trocar({[...]});

这就是我所做的，它对我起了作用

<body class="edit">
   < all your content here >
</body>


<此处的所有内容>

在标记前面底部的脚本部分

<script>
$ ('.edit').trocar({
    'on': 'always',
    'off': 'blur',
    'endOnEnter': true,
    'filterPaste': true
});
</script>


$（'.edit'）.trocar({
‘开’：‘总是’，
“关闭”：“模糊”，
“内生者”：对，
“filterPaste”：true
});

希望这有帮助

难道

.trocar（）

插件不是

contenteditable

属性的替代品吗？为什么不使用jquery到处应用属性呢？只是出于好奇，我想说“我希望每个文本片段都是可编辑的”。你是说只有标记和相应的标记吗？如果是这样的话，那么您可以指定应用插件的标签，而不是为每件事都指定一个类名“text poi”？比如$p.trocar（{…}）@sai：我指的是每一篇文章，不管是在，还是其他地方。。。