关于contenteditable属性

2021-08-06 14:04:13 阅读：218 来源： 互联网

标签：3px container edit auto 编辑关于 contenteditable 属性

简介：H5新增属性，规定了标签内部内容是否可编辑；

属性值：

true：可编辑

false：不可编辑

示例：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<style>
    .edit_container {
        width: 500px;
        height: 100px;
        background: #9fd5f0;
        padding: 3px;
        border-radius: 3px;
        margin: 0 auto;
    }
</style>
<body>
    <div class="edit_container" contenteditable="true">这是一段可编辑的文字
        临江仙 夜归临皋 苏轼
        夜饮东坡醒复醉，
        归来仿佛三更。
        家童鼻息已雷鸣。
        敲门都不应，
        倚杖听江声。
        长恨此身非我有，
        何时忘却营营？
        夜阑风静縠纹平。
        小舟从此逝，
        江海寄余生。
    </div>
</body>
</html>

输入内容不自动换行：

    .edit_container {
        white-space: nowrap;
        overflow: auto;
    }

标签：3px,container,edit,auto,编辑,关于,contenteditable,属性
来源： https://www.cnblogs.com/gy-blog/p/15108153.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

关于contenteditable属性