针对使用软键盘的安卓设备编辑块时不方便编辑的一种解决方案

分享
#1

编辑的时候对应的块会变成一个textarea元素,解决方案就是把这个元素固定到底部,并设置最小高度,复制以下css到custom.css里去粘贴就可以了,这只是一种利用html和css特性的解决方案

/*使块编辑框固定到底部,并增加高度,宽度,方便在移动端使用软键盘编辑*/
textarea[aria-label="editing block"]{
  background-color: bisque;
  /*由于其它元素z-index值高于textarea,会使textarea看起来像透明的一样,所以下行使textarea位于顶层*/
  z-index: 1000;
  min-height: 200px !important;
  min-width: 100%;
  overflow-y: scroll !important;
  /*允许在任何地方换行*/
  overflow-wrap: break-word;
  padding: 25px;
  /*移动端工具条会遮挡住文字,这里多留出一些空白*/
  padding-bottom: 80px;
  position: fixed;
  bottom: 0;
  left: 0;
}

/*同时使被编辑textarea所在的那个容器div位置更显眼一点*/
.editor-wrapper{
  background-color: wheat;
}