Git Product home page Git Product logo

wagtail-autocomplete's Introduction

Wagtail Autocomplete

https://circleci.com/gh/wagtail/wagtail-autocomplete.svg?style=svg

An edit handler for the Wagtail content editor allowing single or multi autocompleted selection of Pages, Snippets, or other models. The widget is written in React and can be used outside the Wagtail admin, if desired.

https://raw.githubusercontent.com/wagtail/wagtail-autocomplete/master/docs/_static/autocomplete-m2m-demo.gif

Features

  • Rapidly select related objects via a smooth autocomplete interface
  • A drop-in alternative to PageChooserPanel or SnippetChooserPanel
  • Create new objects from the autocomplete input if your search turns up blank
  • React component can be used outside of the Wagtail admin for public-facing forms
  • Default theme shares the color scheme and styles of the Wagtail admin
  • Easy to re-theme with BEM methodology

Who’s using it?

  • The U.S. Press Freedom Tracker makes extensive use of this edit handler with its public-facing filters and content editor to rapidly select and create new related metadata objects.

Merge into wagtail/wagtail

Eventually we would like this to be merged into wagtail/wagtail. This will require some work on the Wagtail API.

  • Support endpoints for non-Page models
  • Support standard Django field lookups such as id__in
  • Create objects from the API
  • Permission system for non-administrator access to the API

Documentation

Our documentation is on Read the Docs and includes basic usage instructions as well as contribution guidelines.

Contributors

  • Harris Lapiroff (Little Weaver Web Collective) for the UX and UI design
  • Rachel Stevens (Little Weaver Web Collective)
  • Emily Horsman (Little Weaver Web Collective)

wagtail-autocomplete's People

Contributors

brylie avatar chigby avatar dependabot[bot] avatar emilyhorsman avatar harrislapiroff avatar higs4281 avatar jeromelebleu avatar joep110 avatar rrebase avatar saptaks avatar seb-b avatar timonweb avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.