uniapp textare 怎么设置字体居中

你可以在 `textarea` 中设置 `text-align: center;` 样式来实现字体居中，示例代码如下：

<template>
  <textarea class="textarea" placeholder="请输入内容"></textarea>
</template>

<style>
.textarea {
  width: 100%;
  height: 120rpx;
  font-size: 32rpx;
  text-align: center;
  border: none;
  outline: none;
}
</style>

其中，`text-align` 属性用于设置文本水平居中。

相关问题

uniapp textare 怎么设置字体上下居中

可以尝试在 textarea 中添加以下样式：

textarea {
  display: flex;
  align-items: center;
  justify-content: center;
}

其中 `display: flex` 将 textarea 设置为 flex 布局，`align-items: center` 和 `justify-content: center` 分别将其内容在垂直和水平方向上居中对齐。如果需要更加细致的调整，可以根据实际情况调整相应的样式。

那uniApp开发微信小程序中，我想获取到textare的选中文本怎么实现？

在 uniApp 开发微信小程序中，如果你想要获取 textarea 的选中文本，可以使用 wx.createSelectorQuery() API 进行实时监听。以下是实现步骤：

1. 创建 `wx createSelectorQuery()` 对象：

const query = wx.createSelectorQuery();

2. 监听 textarea 变化：

query.select('#yourTextAreaId').fields({
  node: true,
  text: true, // 获取文本内容
  range: true, // 获取选择范围
});

这里的 '#yourTextAreaId' 是 textarea 的唯一标识符。

3. 当有选中文本时，执行回调函数并获取选中的文本：

query.exec((res) => {
  if (res[0] && res[0].range) { // 确保节点存在并且有选择范围
    const start = res[0].range.start;
    const end = res[0].range.end;
    const selectedText = res[0].node.innerText.slice(start, end);
    console.log('Selected Text:', selectedText);
  }
});

4. 添加事件处理，如用户按下某个按钮或者键盘事件触发时开始监听：

// 示例：当点击获取选中文本按钮时
onGetSelectionClick() {
  query.select('#yourTextAreaId').focus(); // 先聚焦textarea
  query.exec(getSelectedTextCallback);
}

function getSelectedTextCallback(res) {
  // 上述回调函数逻辑
}