在线编辑器支持自动缩进和文字环绕吗?

铂金小虫 发布于 2013/12/06 12:06
阅读 128
收藏 0
像fckeditor之类的。
加载中
0
林玮晶
林玮晶

kingEditor?百度也有 Editor,自动缩进蛮简单的... 自己用 js 代码加上去就好了吧?

不难实现,这里有一个 insert 函数: insertAtCursor(this, "    "); 这样就可以在当前位置插入空格,可以通过 keydown 来激活就好了。


$("#code").keydown(function(){
				if(event.keyCode==13){
					insertAtCursor(this, "    ");
					event.returnValue=false;
				}
				// your code ...
			});

函数



function insertAtCursor(obj, txt) {
				obj.focus();
				//IE support
				if (document.selection) {
					sel = document.selection.createRange();
					sel.text = txt;
				}
				//MOZILLA/NETSCAPE support
				else {
					var startPos = obj.selectionStart;
					var scrollTop = obj.scrollTop;
					var endPos = obj.selectionEnd;
					obj.value = obj.value.substring(0, startPos) + txt + obj.value.substring(endPos, obj.value.length);
					startPos += txt.length;
					obj.setSelectionRange(startPos, startPos);
					obj.scrollTop = scrollTop;
				}
			}

字体环绕?是插入图片吗?!文字两边环绕吗?

一般很少提供这种的排版方式,因为比较复杂~ 一般原理是通过上下左右 4 个 DIV 环绕图片来实现的,字数要自己去调整,是一种比较麻烦的编排方式,并且阅读体验也不佳~


返回顶部
顶部