Comments (13)
@saltas888 it is good idea to create reactjs version for surveyjs editor. We will think about it.
from survey-creator.
Hello Andrew,
Yes I made a page where the builder stands alone with knockout js and it works fine.
However, I don't prefer using two different frameworks in the same project. Also I need to make some modifications in builder and I haven't any free time to learn the basic in knockout.
So Ι have been inspired from this builder and in the meantime I'm trying to build something similar in React but with much fewer options.
You have made a very good job :)
thank you!
from survey-creator.
@saltas888 It is written using knockout version and we do not have immediate plans to create a react version and have in parallels two version knockout and react, as for library itself.
However, you may use it as it is. Do you you have any issues with using the current version in your project?
Knockout.js is about 50k in gzip.
Thank you,
Andrew
from survey-creator.
@saltas888 , in fact knockout minified version is 54kb and with HTTP compression (gzip) just 20kb.
from survey-creator.
Yeah, I have noticed that but it's still being an extra library in a React project
from survey-creator.
@dmitrykurmanov @andrewtelnov Do you have any view on when a react version may be available?
from survey-creator.
@joshreid I have tried to divide a knockout and core code of the editor couple months ago. I have understand that it would require a lot of time and we have decided to postpone this task for a while.
However, we are going to create examples of using our editor in different platforms, including react.
In fact, since we've got several requests about this just on this week, we have decided to work on it right now.
I hope in couple of days we will have these demos.
Thank you,
Andrew
from survey-creator.
Thanks Andrew, that sounds great!
from survey-creator.
@joshreid, @tsv2013 has created a repo to start with react and SurveyJS Editor: https://github.com/surveyjs/surveyjs_react_quickstart
Could you please try it out?
Thank you,
Andrew
from survey-creator.
Awesome Andrew, thanks.
Just missing icomoon to compile on start (do you want to start a thread against new repo?):
Error in ./~/surveyjs-editor/surveyeditor.css
Module not found: ./fonts/icomoon.eot in [...]/surveyjs/node_modules/surveyjs-editor
@ ./~/css-loader?importLoaders=1!./~/postcss-loader!./~/surveyjs-editor/surveyeditor.css 6:10143-10180 6:10203-10240```
from survey-creator.
@joshreid Thank, you! I've fixed it with 47715c6 commit. Fix will be available with the nearest update. Can you as a temporary workaround copy https://github.com/surveyjs/editor/tree/master/src/fonts content in to the "fonts" folder of the "node_modules/surveyjs-editor" folder?
from survey-creator.
Excellent - though it needs the folder as well - so I copied in fonts/* and it runs!
from survey-creator.
@joshreid Good news!
from survey-creator.
Related Issues (20)
- An empty page placeholder and page adorners are unavailable in strict mode
- Multi-Select Dropdown - Inconsistent padding between settings in a property grid
- Select-based questions: The `commentText` property is unavailable in Property Grid
- Property Grid - The Expression property of an Expression matrix column appears with a lowercase letter
- Enhancement: File upload does not have file count validation.
- Move tabs titles into "tabs" key in localization files
- Condition editor: Long question names are not trimmed
- Reordering / Dragging of ranking questions in logic builder has poor placement
- A drag icon appears far from the mouse pointer when applying the `zoom` CSS attribute to a SurveyJS Creator container HOT 1
- Survey title goes missing after a header background image is uploaded
- The Cannot convert undefined or null to object exception is thrown when the Themes tab is activated HOT 1
- Themes Editor - Add a Reset option to color editors to reset the property to the initial theme's color
- feature request: Option to display choice label instead of value in logic tab HOT 2
- paneldynamic custom description for add button HOT 1
- Theme Editor: It's impossible to enable the advanced header after changing the theme name in code
- Question Numbering - Disable question numbering by default
- Property Grid shouldn't immediately display a new page's settings if this page is added using the Pages table
- Theme Editor: Custom fonts are missing from the font list
- Advanced header resets.
- Advanced header wrong text color.
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from survey-creator.