Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/402.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 无法在窗口小部件中保存图像_Javascript_Html_Node.js_Nunjucks_Apostrophe Cms - Fatal编程技术网

Javascript 无法在窗口小部件中保存图像

Javascript 无法在窗口小部件中保存图像,javascript,html,node.js,nunjucks,apostrophe-cms,Javascript,Html,Node.js,Nunjucks,Apostrophe Cms,我不太了解撇号,但我尝试创建一个自定义小部件。我希望我的小部件中有三个字段: 标题(字符串) 说明(字符串) 形象 我还没有找到一种方法在widget as字段中添加图像 现在,我在小部件中添加了一个单例,它工作得很好。但当添加图像时,它会显示在页面上,但当我重新加载页面时,图像就消失了 Mywidget.htmlcode {{data.widget.heading} {{data.widget.desc} {{apos.singleton(data.page,'jumbotroPic','撇

我不太了解撇号,但我尝试创建一个自定义小部件。我希望我的小部件中有三个字段:

  • 标题(字符串)
  • 说明(字符串)
  • 形象
  • 我还没有找到一种方法在widget as字段中添加图像

    现在,我在小部件中添加了一个单例,它工作得很好。但当添加图像时,它会显示在页面上,但当我重新加载页面时,图像就消失了

    My
    widget.html
    code

    
    {{data.widget.heading}
    {{data.widget.desc}
    {{apos.singleton(data.page,'jumbotroPic','撇号图像'{
    限额:1,,
    尺寸:'满'
    }) }}
    

    我在控制台上看到了以下内容

    $node app.js
    警告:未提供会话机密,请设置会话的'secret'属性
    `session`app.js中撇号express模块的属性
    警告:内容中存在小部件类型文本,但未配置
    警告:内容中存在小部件类型文本,但未配置
    我没有看到数据/地址文件,默认为地址0.0.0.0
    我看不到数据/端口文件,默认为端口3000
    收听0.0.0.0:3000
    警告:内容中存在小部件类型文本,但未配置
    警告:内容中存在小部件类型文本,但未配置
    警告:内容中存在小部件类型文本,但未配置
    警告:内容中存在小部件类型文本,但未配置
    
    我的小部件javascript代码是:

    module.exports={
    扩展:'撇号小部件',
    标签:“Jumbotron”,
    添加字段:[
    {
    name:'标题',
    键入:“字符串”,
    标签:'标题',
    必填项:true
    },
    {
    名称:'desc',
    键入:“字符串”,
    标签:“说明”,
    必填项:true
    }
    ],
    构造:函数(自身、选项){
    var superPushAssets=self.pushAssets;
    self.pushAssets=函数(){
    超级资产();
    pushesset('stylesheet','jumbotron',{when:'always'});
    };
    }
    };
    
    您可以像这样将图像小部件添加到小部件的架构中

     {
      name: 'image',
      label: 'Jumbo Image',
      type: 'singleton',
      widgetType: 'apostrophe-images',
      options: {
        limit: 1,
      }
    }
    
    只需将其粘贴到
    addFields
    数组中即可


    谢谢你试用撇号

    好的,我在这里找到了整个解决方案:

    以下是我的小部件模式:

    module.exports={
    扩展:'撇号小部件',
    标签:“Jumbotron”,
    添加字段:[
    {
    名称:'标题',
    键入:“字符串”,
    标签:'标题',
    必填项:true
    },
    {
    名称:'desc',
    键入:“字符串”,
    标签:“说明”,
    必填项:true
    },
    {
    名称:'图像',
    标签:“巨型图像”,
    类型:'singleton',
    widgetType:“撇号图像”,
    选项:{
    限额:1,,
    }
    }
    ],
    构造:函数(自身、选项){
    var superPushAssets=self.pushAssets;
    self.pushAssets=函数(){
    超级资产();
    pushesset('stylesheet','jumbotron',{when:'always'});
    };
    }
    };
    
    这是我的小部件html代码

    
    {{data.widget.heading}
    {{data.widget.desc}
    {{
    apos.singleton(
    data.widget,
    “图像”,
    “撇号图像”,
    {
    编辑:false
    }
    )
    }}
    
    摘自