webapp.html 2.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. <!DOCTYPE>
  2. <html>
  3. <head>
  4. <title></title>
  5. <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
  6. <script type="text/javascript" src="../internal.js"></script>
  7. <style type="text/css">
  8. #appShow {
  9. width: 540px;
  10. border: 1px solid #ddd;
  11. }
  12. .errorMsg{
  13. font-size: 13px;
  14. margin: 10px;
  15. color: #dd0000
  16. }
  17. </style>
  18. </head>
  19. <body>
  20. <div class="wrapper">
  21. <div id="appShow"></div>
  22. </div>
  23. <script type="text/javascript">
  24. //此处配置您在百度上申请到的appkey。
  25. var apikey = editor.options.webAppKey;
  26. if ( apikey && apikey.length == 24 ) {
  27. var searchConfig = {
  28. container:'appShow', //容器ID
  29. tips:"", //该值用于自动清空
  30. search:1, //是否显示搜索框
  31. ps:12, //每页显示的条数
  32. suggest:1, //是否开启搜索自动完成
  33. limit:0, //搜索结果显示条数,0表示无限制
  34. searchNow:0, //是否在初始化完成时立即搜索
  35. apikey:apikey, //每人得
  36. pager:1,
  37. cid:7134562,
  38. outputHTML:1
  39. },baiduApp;
  40. function clickCallback() {
  41. baiduApp.addEventListener( 'getAppHTML', function ( e, data ) {
  42. var url = 'http://app.baidu.com/app/enter?appid='+data.data['app_id'] +'&tn=app_canvas&app_spce_id=1&apikey='+apikey+'&api_key=' + apikey;
  43. editor.execCommand( "webapp", {url:url,width:data.uniWidth,height:data.uniHeight+60,logo:data.data['app_logo'],title:data.data['app_name']});
  44. dialog.close();
  45. } );
  46. }
  47. var script = document.createElement( "script" );
  48. script.type = "text/javascript";
  49. script.src = "http://app.baidu.com/appweb/api/search?auto=yes&container=container&apikey=" + apikey + "&instanceName=baiduApp&callback=clickCallback&config=searchConfig";
  50. document.body.appendChild( script );
  51. } else {
  52. $G( "appShow" ).innerHTML = "<p class='errorMsg'>"+lang.tip1+"<a title='"+lang.anthorApi+"' href='http://app.baidu.com/static/cms/getapikey.html' target='_blank'>"+lang.applyFor+"</a></p><p class='errorMsg'>"+lang.tip2+"</p>" ;
  53. }
  54. </script>
  55. </body>
  56. </html>