QML中的元素TextEdit文本编辑器支持多行编辑。编辑多行时候想要换行的时候使用确定按键Enter进行换行，还可以设置属性wrapMode设置自动换行模式。其他的编辑设置属性我们下面代码讨论。
Rectangle{
anchors.centerIn: parent
height: 200
width: 500
radius: 5
color: "gray"
Component {
id:comp_text
Rectangle{
height: 50
width: parent.parent.width/2
radius: 5
color: "blue"
}
}
//下面两个方框用于操作 TextEdit的一些操作方式
Rectangle{
id:rec1
anchors.left: parent.left
anchors.leftMargin: 150
y:10
height: 40
width: 60
radius: 3
color: mou1.pressed ? "red":"blue"
MouseArea{
id:mou1
anchors.fill: parent
onClicked: {
//mytext.copy()//复制选择的内容
//mytext.cut() //剪切选择的内容
//mytext.closeSoftwareInputPanel();
//mytext.deselect();//删除活动文本选中，意思就是去掉选中框，不选了；
//mytext.select(2,5); //选中第2到第5个字符
//mytext.selectAll(); //选中全部
//mytext.selectWord();// 最接近光标的单词被选中
}
}
}
Rectangle{
anchors.right: parent.right
anchors.rightMargin: 150
y:10
height: 40
width: 60
radius: 3
color: mou2.pressed ? "red":"blue"
MouseArea{
id:mou2
anchors.fill: parent
onClicked: {
mytext.paste();//粘贴
}
}
}
TextEdit{ //确定按键enter换行
id:mytext
height: 50
width: parent.width
anchors.centerIn: parent
color: "red"
font.pixelSize: 30
font.bold: true //加粗，默认false
font.italic: false //是否用斜体,默认false
font.letterSpacing: 0 //字母之间距离，正表示增加，负表示缩小，0表示默认距离
font.wordSpacing: 0 //单词之间的距离，说明同上行
font.strikeout: false //设置字体是否有删除线，默认false
font.underline: false //设置字体是否有下划线，默认false
activeFocusOnPress: true //默认true,鼠标点击是否能输入。
//readOnly: true //设置只读
//cursorDelegate: comp_text//光标也就是输入区域的高显，该委托起点是输入的终点
//cursorVisible: false
//cursorPosition: 200
//设置文本的大小写
//font.capitalization: Font.MixedCase //不使用大小写改变
//font.capitalization: Font.AllUppercase //所有的都大写
//font.capitalization: Font.AllLowercase //所有的都小写
//font.capitalization: Font.SmallCaps //使用小大写，
//font.capitalization: Font.Capitalize //单词的第一个字母大写
//font.weight: Font.Light
//font.weight: Font.Normal
//font.weight: Font.DemiBold
//font.weight: Font.Bold
//font.weight: Font.Black
//文本的对齐方式，顾名思义
//horizontalAlignment: TextInput.AlignHCenter
//horizontalAlignment: TextInput.AlignLeft
//horizontalAlignment: TextInput.AlignRight
selectByMouse: true //是否可以选择文本
//选择文本的方式，只有selectByMouse为真才有效
//mouseSelectionMode: TextInput.SelectCharacters //一个字符为单位选择，默认
//mouseSelectionMode: TextInput.SelectWords //一个单词为单位选择
selectedTextColor: "black" //设置选择文本的字体颜色
selectionColor: "white" //设置选择框的颜色
//text:"hello" //输入文本默认显示的，可以修改和增加
//换行设置
//wrapMode: TextEdit.NoWrap //不执行自动换行，默认
//wrapMode: TextEdit.WordWrap //根据单词换行
//wrapMode: TextEdit.WrapAnywhere //任意处换行，即达到显示长度就换行
//wrapMode: TextEdit.Wrap //自动合适换行，已单词优先
//文本的显示方式
//textFormat: TextEdit.AutoText
//textFormat: TextEdit.PlainText
//textFormat: TextEdit.RichText
onLinkActivated: console.log("onLinkActivated");//链接或富文本点击时执行
}
Text{//显示编辑文本的只读属性
id:mytext_read
color: "green"
anchors.bottom: parent.bottom
font.pixelSize: 25
//text: mytext.acceptableInput + " " + mytext.canPaste +" " +mytext.inputMethodComposing
//选择文本的开始点 + 选择文本 + 选择文本结束
// text: mytext.selectionStart + " " + mytext.selectedText + " " +mytext.selectionEnd
//
//text: mytext.lineCount //行数
}
}