美文网首页
神奇的contenteditable

神奇的contenteditable

作者: 逸笛 | 来源:发表于2021-04-19 15:04 被阅读0次

定义和用法
contenteditable 属性指定元素内容是否可编辑。
注意: 当元素中没有设置 contenteditable 属性时,元素将从父元素继承。

图片.png

contenteditable替代文本域

          <div class="checkRuleBox">
            <p class="put3">审核标准</p>
            <div class="contentBox">
              <div
                class="taskDescBox"
                contenteditable="true"
                placeholder="投标是否合格依据。参考:1.转发朋友圈截图需完整,不得设置分组可见/不可见。2.转发朋友圈保持一天以上,截图中显示发布时间一天前。(建议加入图片说明)"
                @blur="audit=$event.target.innerText"
                v-html="audit"
              ></div>
    
              <div class="descImg">
                <div class="user-img" v-for="(img,index) in checkImgs" :key="index">
                  <img :src="$glb.cdnUserUrl+img" class="img-item" />
                  <span @click="removeFile2Img(index)" class="close">
                    <i class="el-icon-close"></i>
                  </span>
                </div>
                <div class="descUpload" id="soft2imgupload" v-show="checkImgs.length<5">
                  <span class="el-icon-plus"></span>
                </div>
              </div>
            </div>
          </div>

相关文章

网友评论

      本文标题:神奇的contenteditable

      本文链接:https://www.haomeiwen.com/subject/hpvilltx.html