天古 avatar

[修改] 关于编辑器的内容布局

🕒 by 天古

楼主 -- 完美主义倾向严重;喜欢极简主义

第一次使用 YouBBS 编辑器时,惊叹了一下不支持 HTML UBB. 转念一想,临时接受了。

 效果 = 缩进

然后尝试使用空格键排版 .............. 效果是没有的。

然后   添加 tabIndent.js  以及   js输入textarea \t            ............... 效果依然是没有的。

 然后,我现在使用全角空格与换行进行缩进。  在我的眼里,这不破坏自己想到的极简主义。

 可通过 输入法调整 与 Youbbs 源码调整(使用本方法) 实现。

 详细方法见楼下回复 .........

💘 相关文章

评论

共12条关于"[修改] 关于编辑器的内容布局"的评论

天古 avatar
#1 天古 回复

操作修订:   使用 Tab 键,在页面的textarea输入框中,插入 “ ”(全角空格)

实现方法:   添加 js ,放在 tabarea.js   修改 layout.php (template文件夹中)

js 代码贴到下某楼  

天古 avatar
#2 天古 回复

部分一: function tabarea(el){ el.onkeydown = function(e) { if (!e && event.keyCode == 9) {

event.returnValue = false;
insertAtCursor(el, \\\\\\\" \\\\\\\");

} else if (e.keyCode == 9) {

e.preventDefault();
insertAtCursor(el, \\\\\\\" \\\\\\\");

} }; }

天古 avatar
#3 天古 回复

部分二:

function insertAtCursor(myField, myValue) { if (document.selection) {

var temp;
myField.focus();
sel = document.selection.createRange();
temp = sel.text.length;
sel.text = myValue;
if (myValue.length == 0) {
  sel.moveStart(\\\\\\\\\\\\\\\'character\\\\\\\\\\\\\\\', myValue.length);
  sel.moveEnd(\\\\\\\\\\\\\\\'character\\\\\\\\\\\\\\\', myValue.length);
} else {
  sel.moveStart(\\\\\\\\\\\\\\\'character\\\\\\\\\\\\\\\', -myValue.length + temp);
}
sel.select();

} else if (myField.selectionStart || myField.selectionStart == \\\\\\\\'0\\\\\\\\') {

var startPos = myField.selectionStart;
var endPos = myField.selectionEnd;
myField.value = myField.value.substring(0, startPos) + myValue + myField.value.substring(endPos, myField.value.length);
myField.selectionStart = startPos + myValue.length;
myField.selectionEnd = startPos + myValue.length;

} else {

myField.value += myValue;

} }

天古 avatar
#5 天古 回复

如何调用,自己来吧。太多,贴不出来

admin avatar
#6 admin 回复

输出用 Stringreplace(' ', " ") ,试试

天古 avatar
#7 天古 回复

@admin 我感觉在写中文时,全角空格比半角空格控制缩进更方便。而且汉字也是全角。挺配的

ego008 avatar
#8 ego008 回复

6楼想法测试: 零空格 一个半角空格 二个半角空格 三个半角空格

四个半角空格

 一个全角空格   二个全角空格    三个全角空格     四个全角空格

写一条评论

Based on Golang + fastHTTP + sdb | go1.16.3 Processed in 3ms