tikzjax 能脱离服务器用吗？

abababa

回复 49# kuing

整个替换会不会太慢，而且会不会在有些地方有问题？我觉得可以只替换帖子内容部分，就是div class="postmessage"的那个，这个是不是也能做？

kuing

回复 50# abababa

你应该是问 hbghlyj，我不清楚，暂时好像没什么问题

abababa

发一个试试

[tikz]\begin{tikzpicture}[line cap=round,line join=round,>=triangle 45,x=1.0cm,y=1.0cm]
\clip(-5.76,-6.46) rectangle (17.2,2.72);
\draw [line width=1.2pt,color=qqwuqq] (0,0) circle (2cm);
\draw [line width=1.2pt,color=qqwuqq] (0,2)-- (1.45,-1.38);
\draw [line width=1.2pt,color=qqwuqq] (0,2)-- (-1,-1.73);
\draw [line width=1.2pt,color=qqwuqq] (0,2)-- (0,-2);
\draw [line width=1.2pt,color=qqwuqq] (0,-2)-- (-2.84,-2);
\draw [line width=1.2pt,color=qqwuqq] (-2.84,-2)-- (0.66,0.46);
\draw [line width=1.2pt,color=qqwuqq] (-2.84,-2)-- (1.45,-1.38);
\begin{scriptsize}
\fill [color=qqqqff] (0,0) circle (1.5pt);
\draw[color=qqqqff] (0.16,0.26) node {$O$};
\fill [color=qqqqff] (0,2) circle (1.5pt);
\draw[color=qqqqff] (0.08,2.3) node {$A$};
\fill [color=qqqqff] (1.45,-1.38) circle (1.5pt);
\draw[color=qqqqff] (1.82,-1.54) node {$B$};
\fill [color=qqqqff] (-1.45,5.38) circle (1.5pt);
\draw[color=qqqqff] (-5.66,2.86) node {$B'$};
\fill [color=qqqqff] (0,-2) circle (1.5pt);
\draw[color=qqqqff] (0.08,-2.18) node {$P$};
\fill [color=qqqqff] (-1,-1.73) circle (1.5pt);
\draw[color=qqqqff] (-1.1,-1.44) node {$C$};
\fill [color=qqqqff] (-2.84,-2) circle (1.5pt);
\draw[color=qqqqff] (-3.04,-2.08) node {$T$};
\fill [color=qqqqff] (0.66,0.46) circle (1.5pt);
\draw[color=qqqqff] (0.88,0.72) node {$N$};
\fill [color=qqqqff] (-0.66,-0.46) circle (1.5pt);
\draw[color=qqqqff] (-0.88,-0.26) node {$M$};
\end{scriptsize}
\end{tikzpicture}[/tikz]

abababa

回复 52# abababa

怎么这么多乱码？

kuing

回复 53# abababa

1、勾选“禁用 Discuz!代码”
2、[ tikz ] 后面不要回车

abababa

回复 54# kuing

原来如此。那替换的时候，把tikz里的<br>都替换了就好了吧。不过看后面还有font什么的，不知道是什么。

kuing

回复 55# abababa

后面那堆估计是 color=qqwuqq 引起的（这是啥颜色），你去掉一下，再去掉“禁用 Discuz!代码”看看如何
PS、机器转码真的太……

kuing

我发现手机端似乎不行……

isee

发一个试试

[tikz]\begin{tikzpicture}[line cap=round,line join=round,>=triangle 45,x=1.0cm,y=1.0cm]
...
abababa 发表于 2021-11-16 17:26

逮住你们在这里“图谋”了

abababa

回复 56# kuing
再试一下去掉color的，那些颜色是用Geogebra画图时加了颜色，然后软件自动生成的一些颜色，在前面有\definecolor{qqwuqq}{rgb}{0,0.39,0}这样的定义，如果去掉这些定义，在真的latex里就不能编译了，但在这里就是全变成黑色。

abababa

回复 59# abababa

果然是color的原因，那就不能直接用[color=]这种了啊，必须得在前面加些什么东西才行，比如[line width=1.2pt,color=]，这样就行了，但fill里的color要加什么呢？

kuing

回复 60# abababa

color 前面加个逗号估计就可以。

kuing

引用时只引用到 [ tikz ] 而引用不到 [ /tikz ]，但是单一个 [ tikz ] 也会被替换，造成错误。
能否做到匹配到完整的 [ tikz ] ... [ /tikz ] 才作替换呢？（而且不能跨楼层匹配）

kuing

回复  kuing

原来如此。那替换的时候，把tikz里的<br>都替换了就好了吧。 ...
abababa 发表于 2021-11-16 17:38

嗯，弄好了，[ tikz ] 后可以换行了

hbghlyj

我按照这个教程自己搭建了CORS proxy.好像成功了.示例如下:

1. fetch("https://tranquil-ridge-80735.herokuapp.com/artofproblemsolving.com/m/texer/ajax.php:443", {
2.   "headers": {
3.    "content-type": "application/x-www-form-urlencoded; charset=UTF-8"
4.   },
5.   "referrer": "https://artofproblemsolving.com/",
6.   "referrerPolicy": "origin",
7.   "body": "action=aopscode&token=hlplshue&tex=JEEk&rerender=false","method": "POST"
8. }).then(res => res.text()).then(res=>console.log(res))

复制代码

可以跨域请求.它的输出是aops的网页.

abababa

回复 62# kuing

昨天请网友帮着做了一下，他没替换那个尖角号，加上就行了吧：

2. function process_tikz(tikz_str) {
3.         var str = tikz_str.replace(/\[tikz\]|\[\/tikz\]|\n|\r|<br>/img, "");
4.         console.log(str);
5.         str = encodeURI(str);
6.         return '<img src="https://i.upmath.me/svg/'+str+'" />';
7. }
8. var posts=document.getElementsByClassName('postmessage');
9. for(var i = 0; i < posts.length; i++){
10.         var post = posts[i];
11.         var html = post.innerHTML;
12.         html = html.replace(
13.                 /\[tikz\]([\s\S]*?)\[\/tikz\]/igm,
14.                 process_tikz
15.         );
16.         post.innerHTML = html;
17. }

复制代码

色k

回复 65# abababa

这个挺好用，手机也能看了
尖括号好像不需要替换。
晚点再处理一下影响code里的代码的问题。

abababa

回复 66# 色k

我是这么想的，那个code其实就是想看源代码，那能不能就像latex代码那样，点一下代码然后出来一个框，里面是代码。然后我试着做了一下：

2. function close_tikz_window(){
3.         var tikz_window=document.getElementById('tikz_window');
4.         if(tikz_window){
5.                 tikz_window.remove();
6.         }
7. }
8. function show_tikz_window(tikz_code){
9.         close_tikz_window();
10.         var tikz_window=document.createElement('div');
11.         tikz_window.id='tikz_window';
12.         tikz_window.style='position: fixed; z-index: 201; left: 317px; top: 228px; width: 500px;border:2px green solid;';
13.         tikz_window.innerHTML='<div><a href="javascript:;" class="float_close" onclick="close_tikz_window();">关闭</a></div><div><pre>'+decodeURI(tikz_code)+'</pre></div>';
14.         document.body.append(tikz_window);
15. }
16. function process_tikz(tikz_str) {
17.         // 原始的tikz代码
18.         var str = tikz_str.replace(/\[tikz\]|\[\/tikz\]|\n|\r/img, "");
19.         str=str.replace('&lt','<').replace('&gt;','>');
20.         var tikz_str=encodeURI(str);
21.         //去掉换行的tikz代码
22.         var mystr=str.replace(/<br>/img,'');
23.         //编码
24.         mystr = encodeURI(mystr);
25.         //创建一个图片，点击图片时显示原始的tikz代码
26.         var s = '<img src="https://i.upmath.me/svg/'+mystr+'" onclick="show_tikz_window(\''+tikz_str+'\');" />';
27.         console.log(s);
28.         return s;
29. }
30. var posts=document.getElementsByClassName('postmessage');
31. for(var i = 0; i < posts.length; i++){
32.         var post = posts[i];
33.         var html = post.innerHTML;
34.         html = html.replace(
35.                 /\[tikz\]([\s\S]*?)\[\/tikz\]/igm,
36.                 process_tikz
37.         );
38.         post.innerHTML = html;
39. }

复制代码

点那个图片就能出来一个框，里面是源代码。改了一下，发现对应的有一个decodeURI函数，那先把它encodeURI，然后传到函数里，就变成能传的字符串了，然后显示的时候再decodeURI一下，就变回编码前的那样了。

abababa

回复 67# abababa

觉得用文本框好点，自动就带那个滚动条，也不用考虑内容多少的问题，都能放下：

2. function close_tikz_window(){
3.         var tikz_window=document.getElementById('tikz_window');
4.         if(tikz_window){
5.                 tikz_window.remove();
6.         }
7. }
8. function show_tikz_window(tikz_code){
9.         close_tikz_window();
10.         var tikz_window=document.createElement('div');
11.         tikz_window.id='tikz_window';
12.         tikz_window.style='position: fixed; z-index: 201; left: 317px; top: 228px; width: 500px;border:2px green solid;';
13.         tikz_window.innerHTML='<div><a href="javascript:;" class="float_close" onclick="close_tikz_window();">关闭</a></div><div><textarea style="width:99%;height:300px;">'+decodeURI(tikz_code)+'</textarea></div>';
14.         document.body.append(tikz_window);
15. }
16. function process_tikz(tikz_str) {
17.         // 原始的tikz代码
18.         var str = tikz_str.replace(/\[tikz\]|\[\/tikz\]|<br>/img, "");
19.         str=str.replace('&lt','<').replace('&gt;','>');
20.         var tikz_str=encodeURI(str);
21.         //去掉换行的tikz代码
22.         var mystr=str.replace(/\n|\r/img,'');
23.         //编码
24.         mystr = encodeURI(mystr);
25.         //创建一个图片，点击图片时显示原始的tikz代码
26.         var s = '<img src="https://i.upmath.me/svg/'+mystr+'" onclick="show_tikz_window(\''+tikz_str+'\');" />';
27.         console.log(s);
28.         return s;
29. }
30. var posts=document.getElementsByClassName('postmessage');
31. for(var i = 0; i < posts.length; i++){
32.         var post = posts[i];
33.         var html = post.innerHTML;
34.         html = html.replace(
35.                 /\[tikz\]([\s\S]*?)\[\/tikz\]/igm,
36.                 process_tikz
37.         );
38.         post.innerHTML = html;
39. }

复制代码

kuing

回复 68# abababa

嗯，这个好点。

str=str.replace('&lt','<').replace('&gt;','>');
这句的确是多余的，而且也没写对，不止是 lt 后面漏了 ;