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

By 天古 at 2013-03-15 10:27:09 • 1024次点击

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

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

 效果 = 缩进

然后尝试使用空格键排版 ..............

效果是没有的。

然后
  添加 tabIndent.js

 以及
  js输入textarea

\t
           ............... 效果依然是没有的。

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

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

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

编辑器, 内容


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

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

js 代码贴到下某楼
 

天古 at 2013-03-15 10:27:12
1

部分一:
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, \\\\\\\" \\\\\\\");

}
};
}

天古 at 2013-03-15 10:29:30
2

部分二:

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;

}
}

天古 at 2013-03-15 10:29:59
3

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

天古 at 2013-03-15 10:32:20
5

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

admin at 2013-03-15 12:07:18
6

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

天古 at 2013-03-15 23:24:52
7

6楼想法测试:
零空格

一个半角空格

二个半角空格

三个半角空格

四个半角空格

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

ego008 at 2013-03-16 16:02:50
8

@ego008 哇,也对。///

天古 at 2013-03-25 09:35:08
9

@ego008 我才看懂。

天古 at 2013-03-25 09:35:35
10

@ego008 6楼这个方法怎么替换的

从youbbs复制出来的空格都会多一个

乖乖念祢 at 2013-03-25 11:29:02
11

@ego008 看错了 原本就是双空格啊

乖乖念祢 at 2013-03-25 11:32:26
12
登录 后发表评论