index.js 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  1. $(function(){
  2. var page_id = $("#page_id").val() ;
  3. layer_index = layer.load(1, {
  4. shade: [0.1, '#fff'] //0.1透明度的白色背景
  5. });
  6. $.ajax({
  7. type: "get",
  8. url: DocConfig.server+"/api/page/info&page_id="+page_id,
  9. cache:false,
  10. async:false,
  11. dataType: "json" ,
  12. success: function(data){
  13. if (data.error_code === 0 ) {
  14. $("#page_md_content textarea").html(data.data.page_content);
  15. $("#page_title").html(data.data.page_title);
  16. $("#doc-title").html(data.data.page_title);
  17. }else{
  18. $.alert(data.error_message)
  19. }
  20. layer.closeAll();
  21. }
  22. });
  23. hljs.initHighlightingOnLoad();
  24. var EditormdView = editormd.markdownToHTML("page_md_content", {
  25. htmlDecode : "style,script,iframe|filterXSS", // you can filter tags decode
  26. emoji : false,
  27. taskList : true,
  28. tex : true, // 默认不解析
  29. flowChart : true, // 默认不解析
  30. sequenceDiagram : true, // 默认不解析
  31. });
  32. //为所有table标签添加bootstap支持的表格类
  33. $("table").addClass("table table-bordered table-hover");
  34. $.each($('table'), function() {
  35. $(this).prop('outerHTML', '<div style="width: 100%;overflow-x: auto;">'+$(this).prop('outerHTML')+'</div>');
  36. });
  37. //不是本项目的超链接都在新窗口打开
  38. $('a[href^="http"]').each(function() {
  39. $(this).attr('target', '_blank');
  40. $(this).click(function(){
  41. var target_url = $(this).attr("href") ;
  42. if (target_url.indexOf(window.top.location.host + window.top.location.pathname) > -1 ){
  43. window.top.location.href = target_url;
  44. return false;
  45. }
  46. });
  47. });
  48. if (!isMobile()) {
  49. $("th").css("min-width","77px");
  50. };
  51. $("table thead tr").css({"background-color":"#08c","color":"#fff"});
  52. $("table tr").each(function(){
  53. if($(this).find("td").eq(1).html()=="object" || $(this).find("td").eq(1).html()=="array[object]")
  54. {
  55. $(this).css({"background-color":"#99CC99","color":"#000"});
  56. }
  57. });
  58. //图片点击放大
  59. $("#page_md_content img").click(function(){
  60. var img_url = $(this).attr("src");
  61. //如果不在iframe里,则直接当前窗口打开
  62. if (self == top) {
  63. var json = {
  64. "title": "", //相册标题
  65. "id": 123, //相册id
  66. "start": 0, //初始显示的图片序号,默认0
  67. "data": [ //相册包含的图片,数组格式
  68. {
  69. "alt": "",
  70. "pid": 666, //图片id
  71. "src": img_url, //原图地址
  72. "thumb": img_url //缩略图地址
  73. }
  74. ]
  75. }
  76. layer.photos({
  77. photos: json
  78. ,anim: 5 //0-6的选择,指定弹出图片动画类型,默认随机(请注意,3.0之前的版本用shift参数)
  79. });
  80. }else{
  81. //如果在iframe里,则直接传url给父窗口
  82. var message ={"img_url":img_url,"meessage_type":"img_url"};
  83. top.postMessage(message, window.location.origin);
  84. }
  85. });
  86. })