在我的文本区域中解码特殊字符（使用就地编辑 jQuery 插件）

发布于 2024-09-11 03:17:22 字数 1160 浏览 13 评论 0原文

我正在尝试使用 Jeditable 编辑内嵌文本区域中的一些内容。因此，我调用脚本文件：

<script src="js/jquery.jeditable.js"></script>
<script src="js/jquery.jeditable.autogrow.js"></script>
<script src="js/jquery.autogrow.js"></script>

然后我有一个函数应该将数据发送到服务器（我保留了示例 URL）。此功能创建一个文本区域并允许编辑：

$(".autogrow").editable("http://www.appelsiini.net/projects/jeditable/php/save.php", { 
 indicator : "<img src='img/indicator.gif'>",
 type      : "autogrow",
 submit    : 'OK',
 cancel    : 'cancel',
 tooltip   : "Click to edit...",
 onblur    : "ignore",
 event   : "dblclick",
 autogrow : {
  lineHeight : 16,
  minHeight  : 32
 }
});

然后，我要编辑的数据包含 HTML 标签，因为我必须存储它们：

$data = '<div style="color:red">Foo Bar</div>';
echo '<div class="autogrow">'.htmlentities($data).'</div>';

“echo”与标签完美地显示“$data”内容，但是当我想要内联编辑 DIV，创建一个文本区域，并在该文本区域中显示以下数据：

&lt;div style="color:red"&gt;Foo Bar&lt;div&gt;

而不是：

<div style="color:red">Foo Bar</div>

如何显示正确的字符？

原文

I'm trying tu use Jeditable to edit inline some content put in textareas.
So, I call the script files:

<script src="js/jquery.jeditable.js"></script>
<script src="js/jquery.jeditable.autogrow.js"></script>
<script src="js/jquery.autogrow.js"></script>

Then I have a function that should send data to the server (I kept the example URL).
This fonction creates a textarea and permits the edition:

$(".autogrow").editable("http://www.appelsiini.net/projects/jeditable/php/save.php", { 
 indicator : "<img src='img/indicator.gif'>",
 type      : "autogrow",
 submit    : 'OK',
 cancel    : 'cancel',
 tooltip   : "Click to edit...",
 onblur    : "ignore",
 event   : "dblclick",
 autogrow : {
  lineHeight : 16,
  minHeight  : 32
 }
});

Then, I have the data to edit thant contains HTML tags because I have to store them:

$data = '<div style="color:red">Foo Bar</div>';
echo '<div class="autogrow">'.htmlentities($data).'</div>';

The "echo" displays the "$data" content perfectly with the tags, but when I want to edit inline the DIV, a textarea is created and the following data is displayed in that textarea:

<div style="color:red">Foo Bar<div>

instead of:

<div style="color:red">Foo Bar</div>

How can I display the right characters?

分享到QQ

分享到微博

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

发布评论

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

ま昔日黯然 2024-09-18 03:17:22

编辑：我没有意识到这个问题是在 2 个多月前提出的 - 抱歉，

当您将文本放入文本区域时，您是否尝试过使用 html_entity_decode() 函数？

htmlentities() 函数会将 < 等内容更改为 <，而 html_entity_decode() 应该将 < 更改为 <

基本上，textarea 不会格式化您的 HTML 标签，因此您需要自己转换它们。

不过我已经有一段时间没有使用PHP了，所以我不太记得了。

回复收藏 0 原文

流年里的时光 2024-09-18 03:17:22

只需编辑此文件 js/jquery.jeditable.js
转到第 #:398 $.editable{} 函数，并添加以下代码行，

$.editable = {
        types: {
            defaults: {
                element : function(settings, original) {
                    var input = $('<input type="hidden"></input>'); 
                    $(this).append(input);
                    return(input);
                },
                content : function(string, settings, original) {
                    string = $('<div/>').html(string).text(); // <--- Add this line                
                    $(':input:first', this).val(string);
                },

谢谢

Simply edit this file js/jquery.jeditable.js
go to line #:398 $.editable{} function, and add the line as in below code

$.editable = {
        types: {
            defaults: {
                element : function(settings, original) {
                    var input = $('<input type="hidden"></input>'); 
                    $(this).append(input);
                    return(input);
                },
                content : function(string, settings, original) {
                    string = $('<div/>').html(string).text(); // <--- Add this line                
                    $(':input:first', this).val(string);
                },

Thanks

回复收藏 0 原文

~没有更多了~