notebox + codeeditor field