【问题标题】:text box / input form that parses html?解析html的文本框/输入表单?
【发布时间】:2012-01-05 09:44:36
【问题描述】:

如何使文本框或任何输入表单解析 html?我正在构建一个消息部分,并且在“收件人”输入框中,我正在尝试设计一个自动联系人插入器类型的函数,它将使用 jquery keyup 函数将用户数据发送到 php 脚本,它会返回适当的联系人(或下面的联系人列表,当用户单击它时将加载适当的联系人)在框中的一个小 div 中(可以设置样式)。我在表达我想要做的事情方面做得很糟糕,所以如果你不理解(如果你理解的话我很惊讶)我的问题是如何让文本框/输入表单解析 html?

【问题讨论】:

  • 尝试使用一些字符使单词变为粗体和斜体... 例如 Gmail 聊天 * 粗体 * _ 斜体 _ 和 stackoverflow [ 链接 ](google.com) _ 斜体 _ ** 粗体 * *`代码`。或者您想制作 Yahoo Msger 方式,然后您必须使用 javascript 中的按键事件将 Div 转换为文本框...
  • 听起来你想要 tinymce.com 或 ckeditor.com
  • 我实际上使用 ckeditor 作为主要消息,但我认为它对于 to 部分来说太大了,我该如何实现呢?

标签: php jquery html css input


【解决方案1】:

我认为您应该阅读,jquery 的.keyup() 事件将帮助您检测用户输入,这里的基本结构是:

$('#id').keyup(function(){
var data = $(this).val();

//now you use ajax request
$.ajax({
  url: 'yourphpfile.php',
  data: 'data=' + data,
  success: function(callback){}
});
});

这只是一个基本示例,您应该访问 jquery.com

【讨论】:

  • 我的意思是使用 keyup 然后是 post 功能
  • @roozbubu,使用 keyup 检测用户输入并通过 ajax 请求将该输入传递给您的 php 文件,上述回调将返回您的 php 文件数据。如果可以,您可以将其扩展得更多。使用 css 样式或使用 .click 事件
  • 这是为了如果您想要多个联系人,并且您希望在该联系人上发生点击事件
  • 我知道如何做到这一点,这是最简单的部分。我的问题是我试图在输入字段中解析 html,这可能吗?
  • @roozbubu,我对此不确定,但 .html() 可能会对您有所帮助。
猜你喜欢
  • 2011-09-21
  • 2011-05-11
  • 2017-07-20
  • 1970-01-01
  • 2020-06-07
  • 2011-05-30
  • 1970-01-01
  • 2011-12-18
  • 1970-01-01
相关资源
最近更新 更多