40# kuing
虽然不知道说什么，但知道两大电脑高手双剑合璧，通力合作，天下无敌！

41# yes94

我菜鸟……为搞这个东东也只是临时学了一点点，还东抄西抄……

38# kuing

那就先MathJax转码，然后再加<pre>。不过MathJax有延时（MathJax.Hub.Queue是异步的），所以要用setTimeOut等一会儿再加<pre>

1. function doPreview()
   
2. {
   
3.         var fdsa = document.getElementById("inputText").value;
   
4.         var asdf = "";
   
5.         for (var i = 0; i < fdsa.length; i++)
   
6.         {
   
7.                 switch(fdsa.charCodeAt(i))
   
8.                 {
   
9.                 case 10:
   
10.                         asdf += "<br>";
    
11.                         break;
    
12.                 case 13:
    
13.                         asdf += "<br>";
    
14.                         break;
    
15.                 case 60:
    
16.                         asdf += "&lt;";
    
17.                         break;
    
18.                 case 62:
    
19.                         asdf += "&gt;";
    
20.                         break;
    
21.                 default:
    
22.                         asdf += fdsa.charAt(i);
    
23.                         break;
    
24.                 }
    
25.         }
    
26.         document.getElementById('output').innerHTML = asdf;
    
27.         MathJax.Hub.Queue(["Typeset",MathJax.Hub,"output"]);
    
28.         setTimeout(function(){
    
29.                         document.getElementById("output").innerHTML = "<pre>" + document.getElementById("output").innerHTML + "</pre>";
    
30.                 },1000);
    
31. };

复制代码

43# 叶剑飞Victor

可以是可以，但是多做了一步，没那么shuang快了，而且右边的显示有点跳，因为原先设定的样式跟<pre>出来的不一样……

44# kuing

刚问了一位网友，空格是可以显示了，不知道改了些什么。
c.zip (2.02 KB)

下载次数: 3

2013-3-10 16:05

45# abababa

这个产生的后果跟我前面说的一样，公式里的空格也会变成真的空格，即使是一个，也产生了距离，所以不行

46# kuing


试试这个，就是反应慢了点，其它都好。

46# kuing
哦，我又让他帮看了看，又发了一个。

(61.29 KB)

2013-3-10 17:07

c.zip (2.03 KB)

下载次数: 1

2013-3-10 17:07

47# 叶剑飞Victor

噢，用了另一个东东将中间的东东临时存放，将最终结果显示出来，所以不会跳……

不过显示的公式的字体怎么感觉有点怪怪，还有 htm 和 html 有什么不同？

48# abababa

他的意思我懂了
        case 36:
                dollar_count++; asdf += "$"; break;
        case 32:
                if(dollar_count%2==0) {asdf += "&nbsp;";}
                break;

这样就可以将两个美元符号之间的部分的空格不作处理。
但是，公式不一定都用美元符号，所以行间公式里的空间肯定还会是空格，环境里肯定也一样。
你可以试试将行间公式里添加空格试试。

50# kuing

这个思路本身是挺好的，可惜实际情况比较复杂，要顾及各种情况的话，整下去可能很麻烦。

any way，感谢大家的支持，至少让我学会一些东东。
其实空格问题并不算是太大的bug，要是不好弄，还是可以不处理的。

51# kuing
不懂编程，基本都看不懂。
下载了#47的那个，挺好用的。

52# abababa

其实我也不太懂，那天临时学了一些，所以看别人的代码，大概能猜到意思。
47#那个我这里测试的效果就是反应稍慢，而且公式字体没原来的好看。我估计还是因为<pre>的字体和mathjax处理的时候生成的字体格式不同所致……

补充问一下叶：可不可以设置 <pre> 的字体？

49# kuing

47# 叶剑飞Victor

噢，用了另一个东东将中间的东东临时存放，将最终结果显示出来，所以不会跳……

不过显示的公式的字体怎么感觉有点怪怪，还有 htm 和 html 有什么不同？
kuing 发表于 2013-3-10 17:09

.htm和.html是一回事。这是历史原因，早期DOS操作系统文件名必须遵守“8.3规则”（主文件名不得超过八个字节，扩展名不能超过三个字节），因此 .html 就被写成了.htm，同样还有JPEG格式的图片 .jpeg 写成 .jpg 等等。

53# kuing

52# abababa

其实我也不太懂，那天临时学了一些，所以看别人的代码，大概能猜到意思。
47#那个我这里测试的效果就是反应稍慢，而且公式字体没原来的好看。我估计还是因为的字体和mathjax处理的时候生成的字体格 ...
kuing 发表于 2013-3-10 17:38

可以设置字体的，例如

一、内嵌CSS

1. <pre style="font-family: '宋体';">内容</pre>

复制代码

或者
   
二、文档内CSS

1. <style type="text/css">
   
2. pre {
   
3.         font-family: "宋体";
   
4. }
   
5. </style>
   
6. <pre>内容</pre>

复制代码

三、还有外联CSS的，不过要另外一个文件，这里省略了

我知道47#那个为什么字体会有点怪，是因为
<div style="display: none">
  <div id="pre-output"></div>
</div>
这里的字体大小跟我前面设的输出字体大小不同，我上面设的是 1.2em。
因此，改成
<div style="display: none">
  <div id="pre-output" style="font-size:1.2em"></div>
</div>
这样效果就OK了

52# abababa

51# kuing
不懂编程，基本都看不懂。
下载了#47的那个，挺好用的。
abababa 发表于 2013-3-10 17:34

这不能算“编程”
一点点HTML语言和JavaScript语言，这叫“网页设计”。
“网页设计”跟“编程”（正名应为“程序设计”）完全不在一个档次上。
程序设计是用C/C++/Java/VB/C#等程序设计语言写的，难度非常大，很伤脑的。
相较而言，网页设计轻松得多！

57# 叶剑飞Victor

是的，简单得多，连我这种临时学的都能理解个大概……

57# 叶剑飞Victor
哦，听说过那几种，C，VB，Java什么的，不过同样不懂。网页也不懂，只有用别人的了。

我知道47#那个为什么字体会有点怪，是因为
<div style="display: none">
  <div id="pre-output"></div>
</div>
这里的字体大小跟我前面设的输出字体大小不同，我上面设的是 1.2em。
因此，改成
<div style="display: none">
  <div id="pre-output" style="font-size:1.2em"></div>
</div>
这样效果就OK了
kuing 发表于 2013-3-10 18:13

刚才实测了下，好像并不是如我所说那样的……