|
【下載】最近網上流行的文字豎排工具
增加了零類排版方式，目的是用文字組合輸出圖形，希望大家喜歡。
本地下載 file1/120173/20080705_gushu.htm.txt
源碼如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>古書豎排文字轉換器</title>
<meta http-equiv="content-type" content="text/html; charset=gb2312"/>
<meta name="Author" content="www.cshbl.com"/>
<META name="description" content="把橫排文字轉成古典豎排文字的小工具。直接粘貼轉換結果到論壇、博客等，可以以古書的形式顯示，發揚中華文化，增加閱讀寫作趣味。" />
<META name="keywords" content="古書 豎排 排版 文字 中國 古典 從右到左 工具 轉換 " />
<style type="text/css">
p, body{
font-size: 14px;
}
h1{
text-align: center;
font-size: 14px;
padding: 4px 0px 4px 0px;
margin: 0px;
}
#content{
width: 960px;
padding-left: auto;
padding-right: auto;
}
#t, #s{
width: 760px;
padding: 0px;
margin: 0px;
font-size: 16px;
line-height: 16px;
}
#target{
margin-top: 20px;
}
.comment{
color: #330099;
}
.commentforcustomer{
padding-left: 10px;
color: #857D7A;
}
.convertbutton{
font-size: 20px;
font-weight: bold;
}
</style>
<script language="JavaScript">
var tblChars = [['','','','','','','','', ''],
['┏','┓','┗','┛','┯','┷','┃','│', '━'],
['╔','╗','╚','╝','╤','╧','║','│', '═'],
['┌','┐','└','┘','┬','┴','│','┆', '─']];
var pailiefangshi = ['右起正豎排','左起正豎排','右起倒豎排','左起倒豎排','零類排列']
var tblTemplet = 1;
var kongge = 0;
var blankChar = ' ';
var width=20;
var height=8;
var qingkong=0;
var text='';
var muju=' 10000000000 \n'+
' 2000 \n'+
'300000000000000\n'+
' 4000 \n'+
' 5000 \n'+
' 60 00 \n'+
' 700 0000 \n';
var muju0=0;
var shuoming='零類模板的編輯通過對輸出效果框中，文字排列格式的調整'+
'達到需要的輸出效果，主要思想是用文字來組合出圖形，模板編輯要點：\n'+
'1：數字1-9表明用空格替代符中相應字符填充;\n'+
'2：空格和文本中空格使用你選擇的空格替代符填充；\n'+
'3：數字0以及其他任意字符，將使用文本輸入框中的字符，依次填充;\n'+
'4：文本輸入框中換行符號將被忽略，請用好標點；\n'+
'因為零類排列將突出組合出視覺美觀所需要的圖形，所以不再打亂源文本的順序\n'+
'文本框中文字已經保存，請點擊恢復按鈕恢復，模板編輯完成請點擊應用，'+
'或將效果複製粘貼保存在記事本文檔中。請大家廣泛交流自己的零類模板，交流比較精緻的模板時千萬不要忘記你的空格符列表。\n\r';
function MobanEdit(){
DelText();
document.getElementById('s').value = shuoming;
document.getElementById("t").value = muju;
muju0=1;
t.focus();
}
function MobanUse(){
if (muju0==1){
muju=document.getElementById("t").value;
document.getElementById("t").value="";
muju0=0;
s.focus();
}
}
function PasteText(){
text=document.getElementById("s").value = window.clipboardData.getData("Text");
s.focus();
}
function DelText(){
text=document.getElementById('s').value;
document.getElementById('s').value = '';
document.getElementById('t').value = '';
s.focus();
}
function RecoverText(){
document.getElementById('s').value = text;
s.focus();
}
function convert(){
if (muju0==1) {RecoverText();MobanUse(); }
var s = document.getElementById("s").value.toString();
if(s.length == 0){
alert("請首先輸入要轉換格式的文字。");
s.focus();
return;
}
var ary = [];
var i,j, index;
var t = "";
var kuaishu=0;
index = 0;
width = document.getElementById("x").value * 1;
height = document.getElementById("y").value * 1;
tblTemplet = document.getElementById("tbl").value * 1;
kongge = document.getElementById("kong").value * 1;
var kongchuan=document.getElementById("sb").value.toString();
if (kongge>0 & kongge<=(kongchuan.length+1) ) blankChar= getChar(kongchuan, kongge-1);
if (kongge==0 ) blankChar=' ';
if (kongge>kongchuan.length ) blankChar=' ';
var pailie = document.getElementById("pailie").value * 1;
for(i=width*2; i>=0; i--){
ary[i] = new Array();
}
if (pailie<4) {
index=0;
while(index < s.length){
for(i=width*2; i>=0; i--){
for(j=0; j<=(height+1); j++){
if( i == (width * 2)){
if(j==0){
if(pailie==0) {ary[i][j] = tblChars[tblTemplet][1]; }
if(pailie==1) {ary[i][j] = tblChars[tblTemplet][0]; }
if(pailie==2) {ary[i][j] = tblChars[tblTemplet][3]; }
if(pailie==3) {ary[i][j] = tblChars[tblTemplet][2]; }
}else if(j == (height + 1)){
if(pailie==0) {ary[i][j] = tblChars[tblTemplet][3]; }
if(pailie==1) {ary[i][j] = tblChars[tblTemplet][2]; }
if(pailie==2) {ary[i][j] = tblChars[tblTemplet][1]; }
if(pailie==3) {ary[i][j] = tblChars[tblTemplet][0]; }
}else{
ary[i][j] = tblChars[tblTemplet][6];
}
}else if( i== 0){
if(j==0){
if(pailie==0) {ary[i][j] = tblChars[tblTemplet][0]; }
if(pailie==1) {ary[i][j] = tblChars[tblTemplet][1]; }
if(pailie==2) {ary[i][j] = tblChars[tblTemplet][2]; }
if(pailie==3) {ary[i][j] = tblChars[tblTemplet][3]; }
}else if(j == (height + 1)){
if(pailie==0) {ary[i][j] = tblChars[tblTemplet][2]; }
if(pailie==1) {ary[i][j] = tblChars[tblTemplet][3]; }
if(pailie==2) {ary[i][j] = tblChars[tblTemplet][0]; }
if(pailie==3) {ary[i][j] = tblChars[tblTemplet][1]; }
}else{
ary[i][j] = tblChars[tblTemplet][6];
}
}else if( i % 2 == 0){
if(j==0){
if(pailie==0 || pailie==1) {ary[i][j] = tblChars[tblTemplet][4];}
if(pailie==2 || pailie==3) {ary[i][j] = tblChars[tblTemplet][5];}
}else if(j == (height + 1)){
if(pailie==0 ||pailie==1) {ary[i][j] = tblChars[tblTemplet][5];}
if(pailie==2 ||pailie==3) {ary[i][j] = tblChars[tblTemplet][4];}
}else{
ary[i][j] = tblChars[tblTemplet][7];
}
}else if(j == 0 || j == (height + 1)){
ary[i][j] = tblChars[tblTemplet][8];
}else{
var c = getChar(s, index++);
if (c == '\n' || c == '\r'){
if(j == 1){
j = 0;
continue;
}else{
while(j<(height+1)){
ary[i][j] = blankChar;
j++;
}
j = height;
}
}else{
ary[i][j] = c;
}
}
}
}
for(j=0; j<=(height + 1); j++){
for(i=0; i<=width*2; i++){
if (pailie==0) c = ary[i][j];
if (pailie==1) c = ary[width*2-i][j];
if (pailie==2) c = ary[i][height+1-j];
if (pailie==3) c = ary[width*2-i][height+1-j];
t+=c;
}
t += "\r\n";
}
kuaishu++;
t =t+pailiefangshi[pailie]+" 第"+kuaishu+"頁\r\n";
}
document.getElementById("t").value = t;
text=document.getElementById("s").value;
return;
}else if (pailie==4) {
index=0;
while (index<s.length){
i=0;
while (i<muju.length){
var c1 = getChar(s,index);
var c = muju.charAt(i);
if (c==' ' || c==' ') {t+=blankChar;i++;continue;}
if (c>='1' & c<='9') {t+=kongchuan.charAt(c-'1');i++;continue;}
if (c == '\n' || c == '\r') { t+=c; i++; continue;}
if (c1 == '\n' || c1 == '\r') {t+='';index++;continue;}
index++;
i++;
t+=c1;
}
t+="\r\n";
}
t+="\r\n";
document.getElementById("t").value = t;
text=document.getElementById("s").value;
return;
}
}
var half = [' ','0','1','2','3','4','5','6','7','8','9','a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t','u','v','w','x','y','z','A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z','(',')','[',']','{','}','<','>','*','&','^','%','$','#','@','!','~','`','+','-','=','_','|','\\','\'','"',';',':','.',',','?','/','（','）','【','】','《','》'];
var full = [' ','０','１','２','３','４','５','６','７','８','９','ａ','ｂ','ｃ','ｄ','ｅ','ｆ','ｇ','ｈ','ｉ','ｊ','ｋ','ｌ','ｍ','ｎ','ｏ','ｐ','ｑ','ｒ','ｓ','ｔ','ｕ','ｖ','ｗ','ｘ','ｙ','ｚ','Ａ','Ｂ','Ｃ','Ｄ','Ｅ','Ｆ','Ｇ','Ｈ','Ｉ','Ｊ','Ｋ','Ｌ','Ｍ','Ｎ','Ｏ','Ｐ','Ｑ','Ｒ','Ｓ','Ｔ','Ｕ','Ｖ','Ｗ','Ｘ','Ｙ','Ｚ','︵','︶','︻','︼','︷','︸','︽','︾','＊','＆','︿','％','＄','＃','＠','！','∼','‘','＋','－','＝','＿','｜','＼','’','”','；','：','。','，','？','／', '︵','︶','︻','︼','︽','︾'];
function getChar(s, index){
var pailie = document.getElementById("pailie").value * 1;
var tblTemplet = document.getElementById("tbl").value * 1;
if(index >= s.length){
if (pailie==1 & tblTemplet==0) {
return '';}
else{return blankChar;
}
}
var c = s.charAt(index);
for(var i=0; i<half.length; i++){
if(c == half[i]){
c = full[i];
}
if(c == ' '|| c == ' '){
c = blankChar;
}
}
return c;
}
function copyresult(){
if (muju0==1) MobanUse();
var s = document.getElementById("t").value.toString();
if (s.length == 0){
alert("現在沒有轉換格式後的文字，請首先轉換文字。");
return;
}
var e=document.getElementById("t");
e.focus();
e.select();
if(document.all){
var r = e.createTextRange();
r.execCommand("Copy");
e=document.getElementById("s");
e.focus();
}else{
alert("您的瀏覽器不支援javascript剪貼板操作，請用Ctrl + C拷貝結果文字");
return;
}
}
</script>
</head>
<body onload="document.getElementById('s').focus();">
<div id="content">
1、文本輸入框，<input type="button" class="convertbutton" onclick="javascript:PasteText();" value="粘貼">，
<input type="button" class="convertbutton" onclick="javascript elText();" value="清空">，<input type="button" class="convertbutton" onclick="javascript:RecoverText();" value="恢復">
<br/><textarea rows="10" cols="100" id="s"></textarea>
</div>
<div id="actions">
2、點擊按鈕<input type="button" class="convertbutton" onclick="javascript:convert();" value="轉換">，
排列方式中還可以選擇零類排列方式，並可對零類模板<input type="button" class="convertbutton" onclick="javascript:MobanEdit();" value="編輯">後<input type="button" class="convertbutton" onclick="javascript:MobanUse();" value="應用"><br/>
每頁<select id='x'><option value='5'>5</option><option value='8'>8</option><option value='9'>9</option><option value='10'>10</option><option value='11'>11</option><option value='12'>12</option><option value='13'>13</option><option value='14'>14</option><option value='15'>15</option><option value='16' selected="selected">16</option><option value='17'>17</option><option value='18' >18</option><option value='19'>19</option><option value='20'>20</option><option value='25'>25</option><option value='30'>30</option></select>豎行，
每豎行<select id='y'><option value='5'>5</option><option value='8'>8</option><option value='9'>9</option><option value='10' >10</option><option value='11'>11</option><option value='12'>12</option><option value='13'>13</option><option value='14'>14</option><option value='15'>15</option><option value='16' selected="selected">16</option><option value='17'>17</option><option value='18'>18</option><option value='19'>19</option><option value='20'>20</option><option value='25'>25</option><option value='30'>30</option></select>個字
使用邊框<select id='tbl'><option value='0' selected="selected">無</option><option value='1'>粗實線+細實線</option><option value='2' >雙實線+細實線</option><option value='3'>細實線+細虛線</option></select>，
排列方式<select id='pailie'><option value='0'>右起正豎排</option><option value='1' selected="selected">左起正豎排</option><option value='2'>右起倒豎排</option><option value='3' >左起倒豎排</option><option value='4' >零類排列</option></select>，
<p>使用第<input value=44 id=kong>個空格替代符<input value="〇□※¢£¤點點≦≧點點☉つ?????±…‥?∧∨∩∪∴∵：∷╳☆◎★♀♂〤〥しり㊣丶︴" id="sb" ></p>
<p> 為了使用不同風格發帖，可以適當改變var tblchars修改邊框效果，輸入空格替代符，特殊符號的選擇從word中複製</P>
</div>
<div id="target">
3、輸出效果<input type="button" class="convertbutton" onclick="javascript:copyresult();" value="複製"><br/>
<textarea rows="20" cols="100" id="t" ></textarea>
</div>
</div>
</body>
</html>
|
07-06-2008, 10:46 AM
平板模式
