关于textarea的问题

ci1699 2011-07-01 02:42:59

我在一个div中　输入这些会自动转成实体
& 会自动转成 &
空格会自动转成

现在问题是如何在div中写的是什么就在一textarea中也更新为什么?
比如在Div中写& textarea的值也更新为&

我是这么替换但有问题。
val.replace(/&/g, "&").replace(/ /g, " ")

因为在div中输入　会转成 &
& 按上面那样替换话就变成
这样来更新到里面去就变为空了。
不是我想得到的结果啊。。。我是输入的

求替方法啊。
就是要：在div中写的是什么就在一textarea中也更新为什么
只考虑& 与两个字符串。其它的不用管。

谢谢大家。。。。

...全文

1262 14 打赏收藏转发到动态举报

写回复

用AI写文章

14 条回复

切换为时间正序

请发表友善的回复…

发表回复

ci1699 2011-07-01

打赏
举报

#11楼的替换我明白啊。我问题是怎么替换才好。
#13楼的代码也可行哈。。

--------------------------------------------

空格能直接写回去哈.。。。

不用转了

就只是不能直接写回去。我转下就好拉。

&不转也可以写回去。但与nbsp;一起就弄成空格了。

着色的代码与纯文本的代码可以互换拉。

问题完美解决。

搞时实互换不知还有什么问题。
先结贴了。

谢谢各位啊谢谢各位啊~~!!!!!

[Quote=引用 9 楼 antiwise 的回复:]

写回去
str.replace('&','&').replace(' ',' ');
不处理< >里面的东东哈这样来
str='>'+str+'<';
str=str.replace(/>((?:.|\s)*?)</gi,function (){
var arg1=arguments[1];
arg1=arg1.replace('&……
[/Quote]

lsw645645645 2011-07-01

打赏
举报



<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title></title>

</head>

<body>

<textarea id="input2" onkeyup="change2()"></textarea>

<div onkeyup="change()" id="input1" contenteditable="true" style="border:1px solid #000"><br><br></div>

<script type="text/javascript">

    function change() {

        var input1 = document.getElementById('input1');

        var input2 = document.getElementById('input2');

        input2.value = input1.innerHTML.replace(/ /g, " ").replace(/&/g, "&");



    }

    function change2() {

        var input1 = document.getElementById('input1');

        var input2 = document.getElementById('input2');

        input1.innerHTML = input2.value.replace(/&/g, "&");



    }

</script>

</body>

</html>

OPPPPOP 2011-07-01

打赏
举报

改成替换所有的用正则//g
str.replace(/&/g,'&').replace(/ /g,' ');
用正则//g
str='>'+str+'<';
str=str.replace(/>((?:.|\s)*?)</gi,function (){
var arg1=arguments[1];
arg1=arg1.replace(/&/g,'&').replace(/ /g,' ');
return '>'+arg1+'<';
});
str=str.replace(/^>|<$/g,'');

Goodliyahui 2011-07-01

打赏
举报

字符转义就可以了，这几个方法应该对你有用
public static string Encode(string str)
{
str = str.Replace("&","&");
str = str.Replace("'","''");
str = str.Replace("\"",""");
str = str.Replace(" "," ");
str = str.Replace("<","<");
str = str.Replace(">",">");
str = str.Replace("\n","<br>");
return str;
}
public static string Decode(string str)
{
str = str.Replace("<br>","\n");
str = str.Replace(">",">");
str = str.Replace("<","<");
str = str.Replace(" "," ");
str = str.Replace(""","\"");
return str;
}
public static string re(string str)
{
str = str.Replace("&","&");
str = str.Replace("'","''");
return str;
}

OPPPPOP 2011-07-01

打赏
举报

写回去
str.replace('&','&').replace(' ',' ');
不处理< >里面的东东哈这样来
str='>'+str+'<';
str=str.replace(/>((?:.|\s)*?)</gi,function (){
var arg1=arguments[1];
arg1=arg1.replace('&','&').replace(' ',' ');
return '>'+arg1+'<';
});
str=str.replace(/^>|<$/g,'');

OPPPPOP 2011-07-01

打赏
举报

ycproc 2011-07-01

打赏
举报

在这个文本里面世界输出不被转义的

CaiKanXP 2011-07-01

打赏
举报

把你之前相关的脚本代码完成贴出来，看看你是怎么处理的。

ci1699 2011-07-01

打赏
举报

我脑子真不好使啊。。
& 是写到textarea当中去了。

如果又想让textarea的 & 写回div中应该怎么写?

空格替换回、&替换回&?

这样怎么处理<span style="">这里面的空格..
避免弄成<span style="">
再次谢谢。。

[Quote=引用 5 楼 antiwise 的回复:]

val.replace(/ /g, " ").replace(/&/g, "&")
先替换 
[/Quote]

OPPPPOP 2011-07-01

打赏
举报

val.replace(/ /g, " ").replace(/&/g, "&")
先替换

ci1699 2011-07-01

打赏
举报

=_=.............

我想要的效果是在可编辑的DIV中输入的字符串也同时写到一个textarea当中去。
但要保持一模一样。

代码如下。
<textarea id="input2"></textarea>
<div id="input" contenteditable="true" style="border:1px solid #000"> <br><br></div>
请输入 &

然后取sql_input的值写到 input2当中去，也要是& 值。
要保持一致。

lsw645645645 2011-07-01

打赏
举报

楼主说的是什么啊。说清楚点嘛。

CaiKanXP 2011-07-01

打赏
举报

有没有具体代码？
另外包括实际输入，期望输出，实际输出。全部列出来大家好帮你分析。
另外你打字断句和标点如果更清晰，大家会更容易理解。

ci1699 2011-07-01

打赏
举报

纠正下

这样来更新到textarea里面去就变为空了

[Quote=引用楼主 ci1699 的回复:]
我在一个div中　输入这些会自动转成实体
& 会自动转成 &
空格会自动转成  

现在问题是如何在div中写的是什么就在一textarea中也更新为什么?
比如在Div中写& textarea的值也更新为&

我是这么替换但有问题。
val.replace(/&/g, "&").replac……
[/Quote]

本文介绍了一种处理Textarea标签内文本格式的方法，确保不同浏览器下换行符和空格能正确显示，并提供了一个通用函数实现这一功能。

本文介绍了一个使用纯JavaScript实现的实时文本编辑器，能够将输入的文本转换为带有换行和空格的HTML格式，实现在网页上的即时预览效果。

代码下载地址： https://pan.quark.cn/s/64025613b74c 通过应用YApi，当进行网络接口的远程测试时，必须在谷歌浏览器中安装相应的辅助工具。在获取到压缩包后，需要将cross-request.crx这一扩展文件移动到谷歌浏览器的附加组件管理界面，并完成确认操作。

代码下载地址： https://pan.quark.cn/s/d56c0ac7d9f6 交流群 telegram: https://t.me/autosymlink_channel 文档 https://.com/shenxianmq/Auto_Symlink/wiki Auto_Symlink 小白牙整理项目简介是一个自动化工具，专门设计用于管理通过 CloudDrive2/Alist 挂载到本地的网盘。它能够创建软链接，使得像 Emby/Jellyfin/Plex 这样的媒体服务器能够更容易地刮削和读取内容，同时减少对网盘的频繁访问。主要特性: 实时监控: 需要CloudDrive2的会员功能文件通知,监控指定目录，自动进行必要的更新和管理。自动化处理: 创建与更新软链接/strm文件，自动复制与更新元数据。清理功能: 清空无效文件夹和软链接，保持本地云端一致性。转存监控: 在常用工具中，自动监控指定文件夹，转移到目标文件夹，并删除源文件媒体库通知: 支持Emby/Plex通知，当检测到新视频的时候，会自动通知Emby/Plex扫描该视频，极大加块扫库速度封面制作: 自动生成精美的Emby媒体库封面 Web 界面操作: 提供一个简洁易用的Web界面，用于查看日志、编辑配置和监控系统状态。这使得用户能够更方便地管理和调整 Auto_Symlink 的运行。更多功能可以去常用工具中自行发掘. -- 安装和使用直接运行 Python 文件: - 在首次运行后，文件夹中会生成文件。根据文件中的注释进行配置。 - 配置完成后，使用命令运行。 - 在 Windows 系统中，需要以管理员模式运行。 Docker 运行: 使用以下命令运行 Dock...

内容概要：本文系统阐述Python函数式编程（FP）范式的核心特性，重点对比map/filter/reduce与列表推导式在可读性与性能上的权衡、以及lambda表达式与命名函数的适用边界。文章从一等公民函数（first-class function）出发，详解functools.partial的偏函数固化、functools.reduce的累积计算模式、以及operator模块的函数式运算符替代。通过代码示例展示闭包（closure）的状态封装与工厂函数模式、递归函数的尾递归优化限制与显式栈替代方案、以及不可变数据结构（frozenmap/frozendict）的函数式优势，同时介绍itertools的函数式迭代工具链、toolz/cytoolz的函数组合与柯里化（curry）支持，最后给出在数据管道、事件处理、状态管理等场景下的函数式设计原则与Pythonic平衡策略。 24直播网：m.xzdiaosu.com 24直播网：qijia22223.com 24直播网：parkkairos.com 24直播网：0517syedu.com 24直播网：m.hzcys0571.com