在文本区域中复制带有项目符号的文本内容

【问题标题】：Copy text contents with bullets in a textarea在文本区域中复制带有项目符号的文本内容
【发布时间】：2014-11-24 07:08:22
【问题描述】：

当我尝试从 div 复制项目符号文本并使用 jquery 将其粘贴到 html textarea 时，它只显示文本并且没有项目符号显示。有什么办法可以做到吗？可能是在使用 jquery 或任何其他方法？

而且我只想使用 textarea 而没有像 ckeditor 之类的文本编辑器。

就这么简单，这是我的文字

• 一些文字

• 一些文字

但是当我将它粘贴到文本区域时它只是显示

一些文字

一些文字

我认为 jquery 可以提供帮助。但是我无法获取剪贴板的内容，即使我以某种方式获取它，项目符号也会被 javascript 检测到，以便我可以用 li 标签替换它们。任何帮助！！！

【问题讨论】：

  • 您可以尝试使用 div 代替 textarea
  • 你在你的 div 中使用
    • ...
    吗？
  • 是的，我在 div 中使用 ul>
  • ...

标签： jquery


【解决方案1】： 

.text {
  border: 1px solid grey;
  padding: 2px 3px;
}
Copy this
<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>
<hr/>
<div contenteditable='true' class="text">
  paste here ...
</div>

【讨论】：

  • OP想使用Textarea。
  • @Manwal，请仔细阅读问题，OP想要格式化，例如子弹。
【解决方案2】：

您可以尝试使用 jQuery 格式化您的文本并将其转换为 &amp;#8226; 或 &amp;bull;，而您可以使用 div 代替 textarea。在这种情况下，您可以使用所有格式。只需使用 javascript 或 jQuery 发送和接收数据并替换字符。

-> Tutorial

-> Fiddle

【讨论】：

    猜你喜欢
    相关资源
    最近更新 更多
    热门标签
    Java Python linux javascript Mysql C# Docker 算法 前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库 数据结构 大数据 js 机器学习 微服务 Android Go 程序员 面试 JVM ASP.net core 云原生 人工智能 后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习 多线程 React 架构 devops 爬虫 云计算 Spring Boot LeetCode