jEditable 将输入中的 HTML 转换为文本

发布于 2024-12-11 14:48:32 字数 587 浏览 3 评论 0原文

使用 jQuery 插件 jEditable。我遇到的问题是，我希望在触发 jEditable 事件后，可以编辑的内容显示文本而不是 html。

例如，如果我有一个元素 Jack & Jill，当我单击它时，我得到 Jack & Jill，但我想要的是Jack & Jill 作为我在输入中的值，这样用户就看不到 HTML。

我必须对数据设置做一些事情[也许是 value.replace();或其他东西]。现在我只是让它返回值。

代码

$('.editable').each(function() {
      $(this).editable('url', {
                data: function(value, settings) {
                      var retval = value;
                      return retval;
                }

      });
});

原文

Using jQuery plugin jEditable. Problem I'm having is that I want whatever is editable to display the text instead of the html after I trigger the jEditable event.

For example if I have an element <span class="editable">Jack & Jill</span>, when I click it, I get Jack & Jill, but what I want is Jack & Jill as my value in the input so that the user doesn't see HTML.

There must be something I can do with the data setting [perhaps a value.replace(); or something]. Right now I just have it returning the the value.

CODE

$('.editable').each(function() {
      $(this).editable('url', {
                data: function(value, settings) {
                      var retval = value;
                      return retval;
                }

      });
});

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

停顿的约定 2024-12-18 14:48:32

当您使用 php 渲染页面时，看起来您正在使用 htmlspecialchars() 或类似的translate &到其 html 实体等效 & 中。

因此，当您编辑它时，您不需要从页面上的项目加载信息，而是需要通过对服务器的 ajax 调用加载它（这将返回实际的 html，而不通过 htmlspecialchars() 或其他任何东西运行它）。

Jeditable 为您提供了一个不错的选择，因此请尝试以下操作：

$('.editable').each(function() {
      $(this).editable('url', {
                loadurl  : 'http://www.example.com/returnUntouchedhtml.php',
                data: function(value, settings) {
                      var retval = value;
                      return retval;
                }

      });

});

您可以在此页面上找到更多示例/信息： http://www.appelsiini.net/projects/jeditable

When you render the page with php, it looks like you are using htmlspecialchars() or similar to translate & into its html entity equivalent &.

So when you edit it, instead of loading the information from the item on the page, you need to load it from an ajax call to your server (which will return the actual html, without running it through htmlspecialchars() or anything else).

Jeditable gives you a nice option for this, so try something like:

$('.editable').each(function() {
      $(this).editable('url', {
                loadurl  : 'http://www.example.com/returnUntouchedhtml.php',
                data: function(value, settings) {
                      var retval = value;
                      return retval;
                }

      });

});

You can find more examples/information on this page: http://www.appelsiini.net/projects/jeditable

回复收藏 0 原文

不忘初心 2024-12-18 14:48:32

可以试试这个：

       'data': function (value, config) {
            console.log(value);
            var v = $('<p></p>').html(value).text();
            return v;
        },

Can try this:

       'data': function (value, config) {
            console.log(value);
            var v = $('<p></p>').html(value).text();
            return v;
        },

回复收藏 0 原文

~没有更多了~