天古
天古
3108 12 0

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

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

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

 效果 = 缩进

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

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

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

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

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

0

See Also

Nearby


Discussion (12)

天古
天古 2013-03-15 02:27

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

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

js 代码贴到下某楼
 

0
天古
天古 2013-03-15 02:29

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

0
天古
天古 2013-03-15 02:29

部分二:

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;
}
}

0
天古
天古 2013-03-15 02:31

系列搜索最终参考来源:
//http://alexking.org/blog/2003/06/02/inserting-at-the-cursor-using-javascript#comment-3817

0
天古
天古 2013-03-15 02:32

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

0
admin
admin 2013-03-15 04:07

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

0
天古
天古 2013-03-15 15:24

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

0
ego008
ego008 2013-03-16 08:02

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

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

0
天古
天古 2013-03-25 01:35

@ego008 哇,也对。///

0
天古
天古 2013-03-25 01:35

@ego008 我才看懂。

0
乖乖念祢
乖乖念祢 2013-03-25 03:29

@ego008 6楼这个方法怎么替换的 从youbbs复制出来的空格都会多一个

0
乖乖念祢
乖乖念祢 2013-03-25 03:32

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

0
Login Topics