@acrossthecloud/survey-react 中文文档教程

Question

SurveyJS is a JavaScript Survey and Form Library.

SurveyJS 是一种向您的网站添加调查和表格的现代方式。 它有 angular2+、jQuery、knockout、react 和 vue 的版本。

Documentation

SurveyJS 库文档

Live Examples

SurveyJS 库直播示例

Survey Creator / Form Builder

立即创建您的调查或表格

Survey Creator 来源是 此处

Export Survey to PDF

导出为 pdf 概览

导出为 PDF 源 这里

More info about SurveyJS

SurveyJS 是目前可用的功能最丰富的调查/表单库。 它可以很容易地定制和扩展以满足您的需求。

Main Features

A lot of question types with a lot of built-in functionalities.

• Text Question
• Radigroup Question
• Dropdown Question
• Checkboxes Question
• Boolean Question
• Matrix Question
• Matrix Rubric Question
• Matrix Dropdown Question
• Matrix Dynamic Question
• Multiple Text Question
• Rating Question
• Comment Question
• Html Question
• Files uploading Question
• Panel Container
• Panel Dynamic Question
• Expression Question
• Image Picker Question
• Support for third-party popular UI widgets. The custom widgets GitHub repo

Multiple Pages Support

您可能会创建一个包含很多页面的非常复杂的表单，例如这个。

Dynamically change survey logic and questions content

• Change questions visibility using logical expressions
• Create custom functions to use it in expression
• Filter choices in checkbox, radiogroup and dropdown questions
• Filter rows and columns in matrix question
• Disabled/enabled questions based on logical expressions
• Questions value validation

Localization and Multiple language support

• Localization for over 20 languages
• Multiple language support in one survey

Appearance and custom Rendering

• Seven built-in Themes
• Bootstrap support
• CSS styles customization
• API for adding new or changing existing HTML elements
• Render Questions in one line
• Markdown support

Frequently used functionalities

• Quiz creating
• Show survey or form in the popup window
• Display mode
• Custom navigation
• Sharing same data between questions

To find out more about the library go

• to the SurveyJS Library Site
• explore the live Examples
• and create a survey or form using Survey Creator

You can use our quickstart repos:

• Angular CLI
• React
• Vue

Getting started

使用 npm 安装库。

Angular2 版本：

npm install survey-angular

jQuery 版本：

npm install survey-jquery

Knockout 版本：

npm install survey-knockout

React 版本：

npm install survey-react

Vue 版本：

npm install survey-vue

或使用 Azure CDN：

• https://surveyjs.azureedge.net/{version-number}/survey.angular.min.js
• https://surveyjs.azureedge.net/{version-number}/survey.ko.min.js
• https://surveyjs.azureedge.net/{version-number}/survey.react.min.js
• https://surveyjs.azureedge.net/{version-number}/survey.jquery.min.js
• https://surveyjs.azureedge.net/{version-number}/survey.vue.min.js

您可以在 surveyjs/build repo 中找到所有版本/构建。

或者从 Releases 下载一个版本作为 zip 文件

如果你想在另一个脚本中导入它：

import * as Survey from "survey-jquery";

Building survey.js from sources

要自己构建库：

1. 从 GitHub 克隆存储库

   git clone https://github.com/surveyjs/survey-library.git
   cd survey-library
   

2. 获取构建依赖项。确保您已安装 Node.js在您的工作站上。 您需要 Node.js 版本高于 6.0.0 且 npm 版本高于 2.7.0。 这只需要从源代码构建 surveyjs。

   npm install -g karma-cli
   npm install
   

3. 构建库

   npm run build_prod
   

   之后，您应该在“packages”目录中拥有库（angular、jquery、knockout、react 和 vue）。

4. 运行示例

   npm start
   

   此命令将在 http://localhost:7777 运行本地 http 服务器 可以打开http://localhost:7777/examples/knockout查看KnockoutJS示例，http://localhost:7777/examples/react查看ReactJS示例等等

5. 运行单元测试 <代码> 业力开始 此命令将使用 Karma

WordPress integration

SurveyJS WordPress 插件

License

麻省理工学院许可证